Accessibility / A11Y Bookmarklet / A11Y Tabbings
The A11Y Tabbings bookmarklet loads a comprehensive tabbable/focusable element reviewer from the external accessibility-bookmarklet library. Fetches and initializes the tabbable-reviewer-ui.js library, which displays an interactive panel showing all tabbable elements in their tab order, allows stepping through focus elements, and identifies potential keyboard navigation issues. Requires internet connection to load the external library.
WCAG SC 2.1.1: KeyboardWCAG SC 2.4.3: Focus Order
Run A11Y Tabbings
Test run or drag to
bookmarklets bar to install
javascript:%21function()%7Bfunction%20e()%7BcreateTabbingReviewer()%2CremoveLoadingNotice()%7Dvoid%200%3D%3D%3Ddocument.A11Y_REQUIREMENTS%26%26(document.A11Y_REQUIREMENTS%3D%5B%5D)%2Cdocument.A11Y_REQUIREMENTS.push(%22tabbable-reviewer-ui.js%22)%3Bvar%20o%3Ddocument.createElement(%22script%22)%3Bo.onload%3Dfunction()%7BloadingNotice(%22A11Y%20Tabbable%20Reviewer%20is%20loading...%3Cbr%3ERefresh%20page%20to%20cancel%22)%2CrunA11YTool(e)%7D%2Co.src%3D%22https%3A%2F%2Fmetageeky.github.io%2Faccessibility-bookmarklet%2Flibraries%2Fa11y-core-functions.js%22%2Cdocument.body.appendChild(o)%7D()%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fmetageeky.github.io%2Faccessibility-bookmarklet%2F%5CnBookmarklet%20name%3A%20A11Y%20Tabbings%5Cn%22)%3B
← Back to all bookmarklets