OATMEAL
Search…
Skip to Main
Steps to ensure a user can skip directly to the main content of the page using keyboard alone

Steps

  1. 1.
    Place keyboard focus into the browser's address bar
  2. 2.
    Tab until the "Skip to main content" link is visible.
    • Don't hold down Tab key
    • The "Skip to main content" link should be one of the first interactive elements on the page.
  3. 3.
    If the "Skip to main content" link does not exist, create an issue.
    • Description: Skip to main content link missing
    • Include Issue Details from the top of this page
  4. 4.
    Activate the "Skip to main content" link using the Enter key.
    • The browser viewport may adjust for the focus move
  5. 5.
    Tab once to verify that keyboard focus has skipped past the page Header.
  6. 6.
    If the keyboard focus hasn't skipped past the page Header, create an issue.
    • Description: Skip to main content
    • Include Issue Details from the top of this page

Creating Issues

Include the following for issues found using this method.
  • Description: see description suggestions in-line below
  • Priority: P2
  • Label or Tag: #a11y241
  • Comment: Link to Skip-To MIND Pattern

Exceptions

  • Pages without repetitive content before the main content may omit the "Skip to main content" link

About

Author(s): Luis Garcia
Last Updated: 2017 March 02