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!