Example Configurations

Example Description
Default Menu Button The "Skip To Content" menu button is always visible at the top of the window
Popup Menu Button The "Skip To Content" menu button appears when it gets focus
Popup with Border The "Skip To Content" menu button appears when it gets focus, bottom border is always visible.
Smooth Highlight of menu options "Skip To Content" button is visible on load and scrolling to content is enabled using the smooth value
Instant Highlight of menu options "Skip To Content" button is visible on load and scrolling to content is enabled using the instant value
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.
Walmart Theme The color theme of the button and the menu uses the "walmart" 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
Uses Role Heading Heading role used on page and empty H2, h3 and H4 elements
Input controls Shortcut keys is disabled when focus is a text input.
Initialization Object Uses the SkipToConfig configuration object

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 SkipTo.js.

Happy skipping!