Example Screen Shot

SkipTo.js for Bypass Blocks

SkipTo.js is more than a just replacement for your old classic “Skip To Main Content” link for implementing the WCAG 2.4.1 Bypass Blocks requirement. The page script, bookmarkets and browser extensions create a drop-down menu consisting of the links to important landmarks and headings on a given web page. The bookmarklets and browser extensions include powerful keyboard shortcuts for navigating landmark regions and headings on web pages, similar to the feature available in screen readers.

Once the page script is installed and configured, the menu and shortcuts make it easier for keyboard and screen reader users to quickly jump to the desired region of a page by simply choosing it from the list of options.

Three Ways to Use Skipto.js

Menu Button Keyboard Shortcuts Configuration Benefits
Landmark Regions Headings
Page Script Yes no no Authors can use:
  • Use the data-skipto attribute to customize the features of SkipTo.js (preferred).
  • Global configuration object (legacy support).
  • Authors can use it to replace the simple "Skip To Main" link on the pages.
  • Provides a powerful and reliable way to navigate the structure of a web page for people with disabilities.
Bookmarklets Yes Yes Yes Use the data-skipto attribute of the script tag in the link to customize the features of SkipTo.js.
  • Try out SkipTo.js on any web page to learn how it works.
  • A testing tool to examine the landmark regions and headings on any web page.
Browser Extensions Yes Yes Yes Extension options panel.
  • An assistive technology for keyboard only users to navigate the landmark regions and headings on any web page.
  • A testing tool to examine the landmark regions and headings on any web page.

Feedback and Reporting Issues

We welcome your feedback! Please do not hesitate to raise issues and comment on Github if something doesn’t work or you have ideas on how to improve SkipTo.js.

Happy skipping!