What are landmark roles and how can they be useful?

Answer

Landmark roles is a way to identify different sections of a page like the main content or a navigation region. The Landmarks helps assistive technology users to navigate a page, allowing them skip over areas of it.

For example,

<div id="header" role="banner">Header of the Page</div>
<div id="content" role="main">Main Content Goes Here</div>

Good to hear

• Identify sections of a page

• Assist users in navigating a page

Additional links

• ARIA Landmark Roles

• Using ARIA landmarks to identify regions of a page