Test Start

These headings contain no additional text:

Invalid Image-Based H2

Invalid Image-Based H3

Invalid Image-Based H4

Invalid Image-Based H5
Invalid Image-Based H6

Test End

Rule References

Rule Pass IDs Fail IDs
Rule 19 none
  • id1
  • id2
  • id3
  • id4
  • id5

Calculations

No calculations for test 48

Test Description

  • This test contains five image-base subheadings, levels h2 – h6.
    * The text for the subheadings comes solely from the image alt text.

Test Markup

User Agent Implementation

No user agent implementation information.

HTML Source Code


<div class="wrapper">
   <p>
   These headings contain no additional text:
   </p>
   <h2 id="id1"><img src="http://www.oaa-acessibility.org/media/testsuite/images/functional_image.png" alt="Invalid Image-Based H2" /></h2>
   <h3 id="id2"><img src="http://www.oaa-acessibility.org/media/testsuite/images/functional_image.png" alt="Invalid Image-Based H3" /></h3>
   <h4 id="id3"><img src="http://www.oaa-acessibility.org/media/testsuite/images/functional_image.png" alt="Invalid Image-Based H4" /></h4>
   <h5 id="id4"><img src="http://www.oaa-acessibility.org/media/testsuite/images/functional_image.png" alt="Invalid Image-Based H5" /></h5>
   <h6 id="id5"><img src="http://www.oaa-acessibility.org/media/testsuite/images/functional_image.png" alt="Invalid Image-Based H6" /></h6>
</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 */
}

div#example_code h2 {
  margin-left: 0;
  padding-left: 0;
}