I have updated the accessibility extension to investigate WAI-ARIA document landmark roles.
Author: Gez Lemon
WAI-ARIA defines document landmark roles to help define the structure of a document. Document landmark roles have two purposes; they help assistive technology users orientate themselves within a document, and they provide a mechanism for users to navigate documents. The following document landmark roles are defined in ARIA.
- Content that makes sense in its own right, such as a complete blog post, a comment on a blog, a post in a forum, and so on.
- Site-orientated content, such as the title of the page and the logo.
- Supporting content for the main content, but meaningful in its own right when separated from the main content. For example, the weather listed on a portal.
- Child content, such as footnotes, copyrights, links to privacy statement, links to preferences, and so on.
- Content that is directly related to or expands on the central content of the document.
- Content that contains the links to navigate this document and/or related documents.
- This section contains a search form to search the site.
The following markup example specifies the document landmark roles for the
main to create the page structure for a typical web document.
<div role="banner"> ... </div> <div role="navigation"> ... </div> <div role="main"> ... </div>
Document Landmark Roles Extension
The accessibility extension includes a menu item to investigate the document landmark roles. The extension draws an outline around the elements containing document landmark roles, along with the name of the landmark role.
This website contains document landmark regions for
complementary, so is ideal for testing this extension. Document landmark roles are an easy ARIA win, so add them to your website and let me know the results of using this extension so I can ensure it works properly.