Part of the How to do a web accessibility assessment series #a11y
Playlist: • How to do a web accessibility assessm...
ARIA includes eight Landmark roles, which are specific regions of the page identified according to their function. They are: application, banner, complementary (e.g., a sidebar), contentinfo (e.g., a footer), form, main, navigation, and search. By defining the Landmark role of a block of content (for example role="main" for the main content), screen reader users can quickly locate and jump to the section of the page that meets their needs. The accessible version of the AU Home Page uses ARIA Landmarks to mark the banner, main, navigation, form, and contentinfo sections of the page. The navigation menu additionally uses aria-label attribute to clearly communicate the function of the navigation menu (in this case, aria-label="Main menu"). This supplemental label is announced by screen readers and is especially helpful for distinguishing between navigation regions if there are more than one of these regions on a page.
Before example:
https://tinyurl.com/access-before
After example:
https://tinyurl.com/access-after
Link to the playlist:
• How to do a web accessibility assessm...
Watch video ARIA landmark assessment online without registration, duration hours minute second in high quality. This video was added by user Joel Crawford-Smith 30 June 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 374 once and liked it 0 people.