Developer mode
Opens components on the React tab by default.
Your bookmarks

SkipNavigation

Enables users to skip from the top of the page directly to primary actions.

When designing with accessibility in mind, it’s important to remember that not everyone will navigate your pages in the same way. Some people will go through all of your content in the order it’s presented, which often means having to navigate through the same menus on every single page.

SkipNavigation components at the top of pages offer these people the option to skip past the repeated content and get right to the primary actions on the given page. It can help you satisfy WCAG2.0 Criterion 2.4.1 and won’t clutter up your designs for anyone who isn’t using it. 

SkipNavigation components can include other common actions at the start of the page, such as submitting feedback or requesting a refund.

If you want to let users skip past parts of smaller components of the page, consider a skip link.

Component status

Figma
n/a
Web (React)
Released
iOS (Swift)
n/a
Android (Kotlin)
n/a
Docs
Planned
By the end of Q3/2020