14

Landmarks present on the page are used to organize the correct type of content.

WCAG 2 criterion

1.3.1 Info and Relationships (Level A)

Tools and requirements

• WAVE
• ANDI
• Screen Reader

Test procedure

Use WAVE or a Screen Reader to identify all of the landmarks on the page. Use the inspector of your browser or a screen reader to identify the labels of any landmarks (the aria-label or aria-labelledby value, if it exists). All landmarks that do exist must meet the following checks.

• The landmark type (banner, navigation, etc.) is consistent with the content inside the landmark.
• If the landmark is titled (using aria-label or aria-labelledby), the title needs to be representative of the content.

Note - Do not mark a failure for missing landmarks. That is not flaggable under SC 1.3.1.

As a reminder, landmarks include:

• Banner - Site-level content. Content that will typically repeat on all pages like the logo and site name.
• Complementary - Content which is supplementary to main content, like most sidebar content
• Contentinfo - Site-level content (typically footer content) which typically repeat on all pages. Copyright info or other important links go here.
• Form - Any collection of inputs that constitutes a singular form.
• Main - The main content of the page. Page-specific content goes here, including the page title.
• Navigation - Any collection of links to different pages or different sections of the same page.
• Region - Any section of content important enough that a user could want to navigate directly to it. Used only when no other landmark type is relevant.
• Search - An attribute of role="search" on a container element.