SkipTo.js, the modern way to implement Bypass Blocks

Date: February 15, 2021
Author: Jon Gunderson

SkipTo.js is a JavaScript utility that provides a modern way to implement the bypass block requirement of the W3C Web Content Accessibility Guidelines. Just add the script to your web page or template with optional configuration information and the “Skip To Content” button will be added to your web page, allowing keyboard-only users to navigate to selected regions on the page based on the page’s use of ARIA landmarks and HTML headings (h1-h6).

More information on SkipTo

CDN Service

The easiest way to use the script is to include a reference to skipto.min.js on your HTML page or template via the CDN service, as follows:

<script src="https://skipto-landmarks-headings.github.io/page-script-5/dist/skipto.min.js"></script>

NOTE: CDN-referenced files may not be available to computers behind firewall-protected networks.

Category: Keyboard