SkipTo Documentation

index.html

SkipTo Landmarks & Headings

Installation

The SkipTo extension can be installed in Firefox and/or Brave/Chrome by visiting their respective extensions websites:

Source Code

SkipTo Landmarks & Headings is open source software. The code is available at https://github.com/skipto/extension.

Overview

SkipTo Landmarks & Headings extends the web browser by providing a menu for easy navigation to the ARIA landmark regions and HTML section headings of a web page.

The keyboard shortcut for opening the menu is alt+2 (option+2 on Mac keyboards) and cursors keys can be used to navigate the menu (see Keyboard Shortcuts below). Activating a menu item scrolls the corresponding landmark region or heading element into view and moves keyboard focus to it on the page.

The menu is divided into two sections: Landmarks, the important landmark regions; and Headings, an outline of the heading structure found on the page.

ARIA landmarks provide names for regions that are common to many web pages, with familiar functions most of us have encountered, such as navigation menus, main content, search boxes, etc.

The Landmarks section of the SkipTo menu may include, in the following order, these ARIA landmarks:

Landmark Description
main the main content of a document
search a collection of items and objects that combine to create a search facility
navigation a collection of navigational elements (usually links) for navigating the document or related documents
complementary content that is designed to be complementary to the main content, but remains meaningful when separated from it
contentinfo information about the parent document

Headings are used by content authors to provide hierarchical labels for the sections and subsections of a web page, with heading levels ranging from 1 (usually the document title) through 6.

The Headings section of the SkipTo menu is formatted as an outline and can be configured to limit the headings displayed to a maximum heading level, as described below in Options/Preferences.

SkipTo Landmarks & Headings provides a means for people using the keyboard to efficiently navigate to specific content on the page. Additionally, 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.

Keyboard Shortcuts

To open the SkipTo Landmarks & Headings menu using the keyboard, press alt+2 (option+2 on Mac keyboards).

You can navigate through the menu items by pressing the following keys:

Shortcut Key Description
arrow up / down step through the items one at a time
page up / down move eight items backward or forward
home / end move to the first or last item
m next main landmark
n next navigation landmark
s next search landmark
a next complementary landmark
c next contentinfo landmark
1–6 next heading of that level

Options/Preferences

Landmarks

By default, SkipTo Landmarks & Headings displays main, search, navigation and contentinfo landmarks when found on the page. In addition to these, the Options/Preferences form allows you to toggle on or off the inclusion of complementary landmarks.

Headings

The Preferences form provides a means for selecting the maximum depth of heading levels used to create the headings outline. The benefit of limiting the maximum depth is to make the outline shorter and easier to scan for topics of interest.

Also in Preferences is an option for choosing whether heading level numbers are displayed. When this option is toggled on, the heading level number is added as a prefix to each heading menu item.

Additionally, there is an option to only include headings contained within the main landmark region. In well-structured pages, the main region contains the most important information on the page. Enabling this setting makes it easier to identify topics of interest by filtering out headings in other parts of the page.