search

DOI-ONRR / onrr.gov-site

We will use this repo to manage our work on the onrr.gov website
12 stars 3 forks source link

No skip to main content option #2767

Open lpgoldstein opened 11 months ago

lpgoldstein commented 11 months ago

A keyboard-accessible method is provided to bypass repetitive content.

eelzi-ONRR commented 1 week ago

Two options in one prototype: https://5o8dme.axshare.com/?id=nouefn&p=page_1&sc=3

Click on the image/prototype and hit down key to show the expected behavior. Click on the page again and hit down key to show what happens when user tabs again.

First option is similar to https://www.irs.gov/, second option is similar to https://designsystem.digital.gov/. I'm totally fine with whichever is easier to implement - both are common and acceptable practices

This link needs to be the first thing that gets focus when the user is tabbing through the page. The link target is the first area of focus after the main navigation menu.

There's no USWDS component for this item, just some basic guidance: https://designsystem.digital.gov/components/header/

More information on this: https://webaim.org/techniques/skipnav/

It does need to have the same visible focus that other links on the page have (black outline)

AlexandracmONRR commented 1 day ago

USWDS has markup for this, Jeff will explore.