Note about this demo

This test file is to demonstrate support for landmark roles being exposed by native HTML elements. There are no role attributes used on any of the elements in this document.

Welcome to the main

The main landmark wraps the primary content of a document.

Read more about main.

Article Heading

articles are not landmarks. However, they may be surfaced by certain screen readers, especially if given an accessible name.

VoiceOver + Safari on macOS will surface articles that have been given an accessible name in an "articles" router menu. You can give an article an accessible name by setting an aria-label or aria-labelledby="..." attribute.

Read more about articles

A dummy form

An example form to showcase it as a landmark. Nothing to submit here...

A section that was given an accessible name

To create a native region landmark, provide a section element with an accessible name.