Example Configurations

Example Description
Default Menu Button "Skip To Content" button is visible on load
Popup Menu Button The "Skip To Content" menu button appears when it gets focus
Fixed Menu Button The "Skip To Content" menu button is always visible at the top of the window
Landmarks The SkipTo.js menu lists only main, navigation and complementary landmarks in the "Landmark Regions" section of the menu.
Only Headings in Main Landmark Region (h1-h3) The SkipTo.js menu shows only H1, h2 and H3 heading levels within the main landmark region in the "Headings" section of the menu.
All Headings on Page (h1-h6) The SkipTo.js menu shows all H1, h2, H3, H4, H5 and H6 headings in the "Headings" section of the menu.
Illinois Theme The color theme of the button and the menu uses the "illinois" theme.
ARIA Theme The color theme of the button and the menu uses the "aria" theme.
Fonts The fonts for button and menu are set to 8pt and monospace.
Colors Setting the colors for button and menu.
Position Setting the position of "Skip To Content" button from the left side of the window.

Test Pages

Test Page Description
No landmarks No landmarks on page
No headings No headings on page
Input controls Shortcut keys is disabled when focus is a text input.

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 the script.

Happy skipping!