SkipTo.js Bookmarklets

The SkipTo.js bookmarklet allows you to use SkipTo.js on any web page. The bookmarklet is a link that contains JavaScript that loads SkipTo.js. When the bookmarklet link is activated the "Skip to Content" menu will appear on the web page.

Why Use A Bookmarklet?

• Testing your website for using SkipTo.js page script to implement WCAG 2.4.1 Bypass Blocks requirement.
• Testing a web page for proper use of landmark regions and headings.
• Can be used in browsers that may have security restrictions for browser add-ons and extensions.

Features

• The "Skip To Content" button can be visible or hidden (e.g. popup version) after the page completes loading.
• If the "Skip To Content" button is hidden it becomes visible when it receives keyboard focus when the user uses the tab key.
• When focus is on the button, users can open the menu using the space or down arrow key to view or select the landmarks and headings on the page.
• In the landmark regions group the landmarks are ordered by the importance of the landmark, main first, followed by search, navigation, complemntary, and contentinfo.
• In the heading group the headings are in document order.
• Moving keyboard focus or hovering over menu items scrolls the assocaited area on the page into view.
• The menu can be reopened at any time by using the short cut key, option + 0 on the macOS or alt + 0 on Windows and Linux.

Installing

The most common way of installing a bookmarklet is to drag and drop the bookmarklet link into your browser's bookmarks or favorites toolbar. The shortcut for toggling the display of the bookmarks toolbar in Chrome, Firefox and Safari is Shift + Ctrl/Cmd + B.

Bookmarklet Link (Fixed): SkipTo.js

Bookmarklet Link (Popup): SkipTo.js Popup

Bookmarklet Link (Popup with Border): SkipTo.js Popup with Border