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!