| Tip 14 | Providing Navigation Hints with ARIA Roles |
Most websites share a common structure: there’s a header, a navigation section, some main content, and a footer. Most of these sites are coded just like that, in a linear fashion. Unfortunately, this means screen readers may have to read the site to their users in that order. Since most sites repeat the same header and navigation on each page, users will have to hear these elements each time they visit another page.
The recommended fix is to provide a hidden “skip navigation” link that screen readers will read aloud, which simply links to an anchor somewhere near the main content. However, that’s not built in, and it’s not something that everyone knows (or remembers) how to do.
HTML5’s role
Get HTML5 and CSS3, 2nd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
