All but the most simple documents should indicate their structure through the use of headings and sub-headings. Headings should not be used solely to create font effects. This test checks that your document has been written with a logical structure
Using headings and sub-headings
In XHTML (and HTML) there are a number of heading tags whose purpose is to indicate a heading or sub-heading. These are:h1, h2, h3, h4, h5, h6. This test checks that if these heading tags are used, and that they are nested correctly. To use these headings and sub-headings correctly in your markup, each sub-heading should be exactly one level below the previous heading. For example, h2 can follow h1, buth3 cannot since it is two levels below h1.
Incorrect:
.
.
<h1>This is a heading</h1>
<h3>This is a sub-heading, but it is not nested correctly, it should be a h2</h3>
.
.
Correct:
.
.
<h1>This is a heading</h1>
<h2>This is a sub-heading which is correctly nested</h2>
.
.
Reference
This test is based on a W3C mobileOK best practice test. See http://www.w3.org/TR/mobile-bp/#STRUCTURE for more details
Leave a Reply