SkipTo.js provides keyboard navigation to landmark regions and headings to meet WCAG 2.4.1 Bypass Blocks requirement.

Latest Version

Version

1.0.4

Update

October 9, 2024

Size

74.99KiB

Developer

SkipTo.js for Chrome Extension

SkipTo.js extension fills a void in browsers to provide the navigation features to meet WCAG 2.4.1 Bypass Blocks requirement. The extension creates a drop-down menu of the landmark regions and headings on the current web page. Selecting an option in the menu moves keyboard focus to the landmark region or heading and scrolls the content into view. The menu also provides a convenient table of contents of what is on the page for ALL users. An example of a digital curb cut benefiting everyone in the information age.

NOTE: This extension does not collect any user data.

Keyboard Shortcuts

* ALT+0: Windows and Linux
* Option+0: macOS

Options Page

* Define button behavior
* Customize the landmark regions and headings shown in the menu.
* Customize fonts and colors used to style the button and menu
* Internationalization

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "__MSG_extension_name_chrome__", "version": "1.0.4", "description": "__MSG_extension_description__", "homepage_url": "https://skipto-landmarks-headings.github.io/page-script-5/", "default_locale": "en", "icons": { "16": "./images/skipto-icon-16.png", "32": "./images/skipto-icon-32.png", "48": "./images/skipto-icon-48.png", "64": "./images/skipto-icon-64.png", "128": "./images/skipto-icon-128.png" }, "action": { "default_title": "Toggle Menu" }, "background": { "service_worker": "background.js", "type": "module" }, "options_page": "options.html", "permissions": [ "activeTab", "scripting", "storage" ], "web_accessible_resources": [{ "resources": ["skipto.js"], "matches": [""] }], "content_scripts": [ { "js": [ "content.js" ], "matches": [""] } ]}

Download CRX(74.99KiB)