Navigation: Headings

Evaluation Rules

The Accessibility Extension does not provide automated evaluation of the rules 4, 5, 6 and 7.

Hweadings Evaluation Rules
no. FAE 2007 FAE 2008 Description
1 Pass/Fail Pass/Fail

Heading elements that follow the last h1 must be properly nested.

2 N/A Pass/Fail

All subheadings (h2...h6) must contain text content.

Text Content includes

  • Text content includes all text nodes of children of the heading element.
  • Leading and trailing spacing characters are ignored. NOTE: If the text content is only spaces it will be treated as empty.
  • If an img element with an alt attribute is contained in a subheading (h2-h6) element, the alt attribute value is inserted into the subheading text content in the order of appearance in the document to become part of the text content of the subheading element.
3 N/A Pass/Warning

The text content of headings of the same level within the same section should be unique.

4 N/A Pass/Warning

The text content of an subheading element (h2-h6) should not only come from the alt attribute value of img elements.

Implementation Notes

  • CSS should be used to style the text content of subheading elements instead of images.
5 N/A Pass/Check

The text content of headings should be concise (less than 65 characters).

Additional Rules

Additional rules on subheadings can be found at:

Dialog Box

Headings List

  1. This list itemizes all header elements as well as elements with appropriately defined role attribute.
  2. Selecting an item in the list, by clicking on the item or by using the arrow keys, highlights the corresponding heading in the browser.
  3.   Selecting an item with pink background, by clicking on the item or by using the arrow keys, displays failure statement in the Accessibility Information area.
  4. Columns
    • Level - A h1 element has a level of 1, h2 element 2, h3 element 3, and so on. This entry is left blank for non-header elements in the list.
    • Role - The role attribute for element with appropriately defined role attribute is displayed. This entry is left blank for a header element without defined role attribute.
    • Text - The text content of header element or the text content of the element with appropriately defined role attribute is displayed.
    • Order (hidden) - The sequence in which the items appear on the page is displayed. h1 - h6 elements are first in the list, in the sequence in which the items appear on the page, followed by non-header elements that have appropriately defined role attributes, in the sequence in which they appear on the page.

Accessibility Information

Buttons

HTML Markup Details

h2-h6 elements
The h2-h6 elements should identify major and minor sections of the web resource.
Headings should be properly nested following the heading levels represented by the numerical values of the heading elements.
  • h2 should be used as sub-heading after a h1
  • h3 should be used as sub-heading after a h2
  • h4 should be used as sub-heading after a h3
  • h5 should be used as sub-heading after a h4
  • h6 should be used as sub-heading after a h5