Test Start

valid.. This image is non-decorative, and the alt text is 7 characters long.

Valid alt text. This image is non-decorative and has alt text that is greater than 7 characters long.

alt text is 90 characters long............................................................ This image is non-decorative and has alt text that is 90 characters long.

Test End

Rule References

Rule Pass IDs Fail IDs
Rule 29
  • id1
  • id2
  • id3
 none

Calculations

No calculations for test 30

Test Description

  • This test contains three images with alt text of valid length.

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/functional_image.png" alt="valid.."/> This image is non-decorative, and the alt text is 7 characters long.</p>
   <p><img id="id2" src="http://www.oaa-acessibility.org/media/testsuite/images/functional_image.png" alt="Valid alt text."/> This image is non-decorative and has alt text that is greater than 7 characters long.</p>
   <p><img id="id3" src="http://www.oaa-acessibility.org/media/testsuite/images/functional_image.png" alt="alt text is 90 characters long............................................................"/> This image is non-decorative and has alt text that is 90 characters long.</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 */
}