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 will be included in the listing of regions, when navigating with r with the JAWS screen reader. They are also included in the landmarks router when using iOS VoiceOver.

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.