Test Start

This H1 heading is not concise: It is more than sixty-five characters in length.

This H2 heading is not concise: It is more than sixty-five characters in length.

This H3 heading is not concise: It is more than sixty-five characters in length.

This H4 heading is not concise: It is more than sixty-five characters in length.

This H5 heading is not concise: It is more than sixty-five characters in length.
This H6 heading is not concise: It is more than sixty-five characters in length.

Test End

Rule References

Rule Pass IDs Fail IDs
Rule 20 none
  • id1
  • id2
  • id3
  • id4
  • id5
  • id6

Calculations

No calculations for test 50

Test Description

  • This test contains six heading elements (h1..h6)
    * All six heading elements contain more than 65 characters.

Test Markup

User Agent Implementation

No user agent implementation information.

HTML Source Code


<div class="wrapper">
   <h1 id="id1">This H1 heading is not concise: It is more than sixty-five characters in length.</h1>
   <h2 id="id2">This H2 heading is not concise: It is more than sixty-five characters in length.</h2>
   <h3 id="id3">This H3 heading is not concise: It is more than sixty-five characters in length.</h3>
   <h4 id="id4">This H4 heading is not concise: It is more than sixty-five characters in length.</h4>
   <h5 id="id5">This H5 heading is not concise: It is more than sixty-five characters in length.</h5>
   <h6 id="id6">This H6 heading is not concise: It is more than sixty-five characters in length.</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.wrapper h1 {
  margin-left: 0 !important;
  padding: 0 !important;
  font-size: 2.0em !important;
}
div.wrapper h2 {
  margin-left: 0 !important;
  padding: 0 !important;
  font-size: 1.5em !important;
}
div.wrapper h3 {
  font-size: 1.17em !important;
}