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.
Place keyboard focus into the browser's address bar
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.
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.
Activate the "Skip to main content" link using the Enter key.
The browser viewport may adjust for the focus move
5.
Tab once to verify that keyboard focus has skipped past the page Header.
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