SkipTo.js Browser Extension

SkipTo.js Browser Extensions

Features

  • NEW: Navigation using keyboard shortcuts to landmark regions and headings on a page.
  • 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.
  • More information on SkipTo.js browser extensions

Get SkipTo.js Extensions

Original “SkipTo Landmarks and Headings” Extension

The “Skip to Landmarks and Headings” extension was developed by members of the Accessible IT Group, here at the University of Illinois at Urbana-Champaign.

“Skip to Landmarks and Headings” extends the Chrome and Firefox browsers by identifying and providing navigation to the ARIA landmark regions and HTML section headings (h1–h6) of a web page. The extension provides a menu divided into two groups: (1) the important landmark regions and (2) an outline of the heading structure of the page.

The keyboard shortcut for opening the menu is alt+2 (or option+2 on macOS) and cursors keys can be used to navigate the menu. Activating a menu item scrolls the item into view and moves keyboard focus to the corresponding section of the page.

“Skip to Landmarks and Headings” provides a means for people using the keyboard to efficiently navigate to specific content on the page. The outline of headings provides an easy way for people to view the topics on a web page without having to scroll through the entire page.

Installation

“Skip to Landmarks and Headings” can be installed in Chrome or Firefox by visiting their respective extensions websites:

Source Code

“Skip to Landmarks and Headings” is open source software and the code can be found at the GitHub SkipTo Extension repository.