Landmark Navigation Examples

Using a Screen Reader to Navigate Landmarks

HTML 5 only

NOTE: None of the HTML 5 tags are treated as landmarks by NVDA (using the "D" key to navigate landmarks).

This is a header.

This is a main.

This is a section.

This is a section

This is an article.

ARIA only

This is a div with role="banner" .

This is a div with role="navigation".

This is a div with role="main".

This is a div with role="region".

This is a div with role="region".

This is a div with role="article".

This is an div with role="complimentary".

This is a div with role="contentinfo".

HTML 5 and ARIA and aria-labels

This is a header with role="banner" and aria-label="header".

This is a main with role="main" and aria-label="main content".

This is a section with role="region" and aria-label="section one".

This is a section with role="region" and aria-label="section two".

This is an article with role="article" and aria-label="The sky is falling!"