search

canonical / global-nav

A script and stylesheet that displays the Canonical global nav across the top of a site
https://www.npmjs.com/package/@canonical/global-nav
5 stars 23 forks source link

Update global-nav.js to add landmark role to skip link #160

Closed barrymcgee closed 4 years ago

barrymcgee commented 4 years ago

This skip link is currently failing accessibility best practice as it inserts into pages outside defined landmark areas.

Screenshot 2020-09-23 at 10 58 16

This change identifies the skip link to screen readers as navigation.

Ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role

webteam-app commented 4 years ago

Demo starting at https://global-nav-160.demos.haus