A A A A A

Navigation: Headings

Evaluation Rules

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

Titles Evaluation Rules
no. FAE 2007 FAE 2008 FAE for ARIA Description
1 Pass/Fail Pass/Fail Pass/Fail The page should contain at least one and no more than two h1 elements.
Pass/Fail 2 Pass/Fail Pass/Fail Heading elements that follow the last h1 should be properly nested.
N/A 3 Pass/Fail Pass/Fail All headings (h1..h6) must contain content.
4 N/A Pass/Fail Pass/Fail Each container element that appears to be a navigation bar or menu should be immediately preceded by a heading element, typically a h2 element.
5 N/A Pass/Warning Pass/Fail The words in the h1 element content must also be in the title element content. Spacing and punctuation in the content of the h1 and title elements are ignored. NOTE: If abbreviations are used in the title and/or h1 content, they will be replaced by their expansion defined in abbr and acronym elements defined on the web resource before comparisons between the title and h1 are made.
6 N/A Pass/Warning Pass/Fail The content of headings of the same level within the same section should be unique.
7 N/A Pass/To Do Pass/Fail The last h1 element content for web pages within the same domain must be unique.
8 N/A Pass/Check Pass/Check Heading content should be concise (less 65 characters).
9 N/A N/A Pass/Fail

Elements with role attribute set to one of the following role values shall be considered headers for evaluation purposes:

  • heading role value, the level of the heading is defined by the aria-level attribute.
  • main role value is considered the same as a h1 element. The label content for the role is considered the same as the h1 content for comparison purposes.
  • secondary role value is considered the same as a h2 element. The label content for the role must contain content.
10 Pass/Fail N/A N/A The h1 element content must exactly match a substring in the title element content.
11 Pass/Warning/Fail N/A N/A The text content contained in header elements (h1..h6) should range between 1 and 20 percent, inclusive, and not exceed 50 percent of the total text content of the page.

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

h1
Use h1 as a unique title for a web resource
There should be only one h1 on a web resource
h2-h6
Use h2-h6 elements as sub-headings to identify major and minor sections
Heading should be properly nested using the numerical values of the header elements.
  • h2 should be used as the next sub-heading after a h1
  • h3 should be used as the next sub-heading after a h2
  • h4 should be used as the next sub-heading after a h3
  • h5 should be used as the next sub-heading after a h4
  • h6 should be used as the next sub-heading after a h5

Extension Documentation