OATMEAL
Search…
OATMEAL
Issue Priorities
Help
OATMEAL Checklists
Color Contrast Methods
Keyboard Methods
Focus Moveable
Focus Visible
Focus Reachable
Focus Management
Skip to Main
Buttons and Links
Screen Reader Methods
Powered By GitBook
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
Previous
Focus Management
Next
Buttons and Links
Last modified 1yr ago
Copy link
Outline
Steps
Creating Issues
Exceptions
About