OATMEAL
  • OATMEAL
  • Issue Priorities
  • Help
    • Fix TAB Key in Safari
  • OATMEAL Checklists
    • eBay Core Accessibility Tests
    • eBay Situational Tests
  • Color Contrast Methods
    • Color Contrast Analyzer
    • Colour Contrast Analyser - color codes
    • Colour Contrast Analyser - color picker
  • Keyboard Methods
    • Focus Moveable
    • Focus Visible
    • Focus Reachable
    • Focus Management
    • Skip to Main
    • Buttons and Links
  • Screen Reader Methods
    • NVDA Setup
    • NVDA Smoke Test
Powered by GitBook
On this page
  • Steps
  • Creating Issues
  • Exceptions
  • About
  1. Keyboard Methods

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

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

PreviousFocus ManagementNextButtons and Links

Last updated 4 years ago

Comment: Link to

Skip-To MIND Pattern