Add skip to main content link

cds-snc / node-starter-app

Quick start application setup.... because you have to start somewhere.

MIT License

5 stars 3 forks source link

Add skip to main content link #51

Closed dsamojlenko closed 5 years ago

dsamojlenko commented 5 years ago

Adds a "Skip to main content" hidden link at the top of the page (becomes visible on focus)
Style/markup mostly stolen from Gov.UK design system version of same.
See also: https://webaim.org/techniques/skipnav/

timarney commented 5 years ago

If you rebase this it should pass the tests.

timarney commented 5 years ago

Let's merge this - wondering why the skip link doesn't have a focus outline but we can chat with @JuliannaR next week.

dsamojlenko commented 5 years ago

I'm assuming the focus outline is just not visible because I set the background to the same yellow... so we can adjust. Like I mentioned in comment above, mostly just stole styles from Gov.UK for initial implementation ... we can make it our own in collaboration with Julianna for sure.