This video from Nomensa demonstrates how ARIA landmark roles help screen reader users understand the purpose of different areas of a web page, such as search, navigation or main content.
Hello, I’m Léonie and in this video we’re going to take a look at ARIA document landmark roles. Accessible Rich Internet Applications (ARIA) is a new specification from the W3C that helps to make websites and web applications easier to use by people with disabilities. Screen readers provide a range of shortcut keys that make it easier for people to move from one piece of content on a page to the next. For example, with the JAWS screen reader you can use the L key to move from one list on the page to the next. So here we move to the list in the banner area of the Nomensa homepage. [JAWS] *list of 2 items* Next we move to a list that contains all the navigation links for the website. [JAWS] *list of 7 items* Although it’s a very convenient way of moving about the page, it doesn’t really provide much information about the purpose of content when you reach it. ARIA landmark roles really help to bridge this gap. JAWS uses the semi-colon key to move from one landmark on a page to the next. As each landmark area is reached, JAWS announces the purpose of the content it contains so we can move from the banner area of the page. [JAWS] *Banner landmark* to the search area [JAWS] *Search landmark* to the navigation area [JAWS] *Navigation landmark* to the main content area of the page [JAWS] *Main landmark* and finally to the footer [JAWS] *Content info landmark* ARIA landmark roles are really simple to add to your page. There’s a link in the video description area to an article to an article on the Humanising Technology blog that tells you everything you need to know about how to implement document landmark roles. Related article: WAI-ARIA Document Landmark Roles
Start building accessibility into your projects at the beginning to save time and money, don’t just leave it hanging on the backlog letting it gather up dust. Drill it in.
If you would like Nomensa to help you with your accessibility challenges or to provide you with an accessibility evaluation of your website/mobile app, please don’t hesitate to get in touch.
Take a full look at the web accessibility services that we offer.