Test Start

Decorative images should not have an alt attribute. This image has role="presentation", and it has alt text.

This image has role="presentation", and it has title text.

Test End

Rule References

Rule Pass IDs Fail IDs
Rule 31 none
  • id1
  • id2

Calculations

No calculations for test 33

Test Description

  • This test contains two decorative images.
    * The first image has an alt attribute specified.
    * The second image has an alt attribute specified.

Test Markup

User Agent Implementation

No user agent implementation information.

HTML Source Code


<div class="wrapper">
   <p><img id="id1" src="http://www.oaa-acessibility.org/media/testsuite/images/decorative_image.png" role="presentation" alt="Decorative images should not have an alt attribute."/> This image has role="presentation", and it has alt text.</p>
   <p><img id="id2" src="http://www.oaa-acessibility.org/media/testsuite/images/decorative_image.png" role="presentation" title="Decorative images should not have a title attribute."/> This image has role="presentation", and it has title text.</p>
</div>

CSS Code


div.wrapper {
  margin: 20px;
  padding: 10px;
  overflow: visible;
  background-color: #faf7f0;
  border: 1px solid #880000;
  -webkit-border-radius: 10px; /* Safari and Chrome rounded corners */
  -moz-border-radius: 10px; /* Firefox rounded corners */
  border-radius: 10px; /* Opera rounded corners */
}

.fail {
  border: 1px solid red;
}