Bookmarklets for Accessibility Testing use JavaScript to highlight roles, states, and properties of accessibility elements on the page. They are accessible to screen reader users and work on any browser including mobile phones.
Drag and drop the Install Link into your bookmarks bar to use in any browser. Most bookmarklets have an inaccessible Demo Page where you can test how the bookmarklet works live.
On Android devices bookmarklets must be activated via the browser search bar typing in the name of the bookmark otherwise it will not work just by tapping the bookmark normally like on iOS.
Bookmarklets now support accessibility testing of same-domain <iframe> elements but not cross-domain iframes.
Bookmarklets are also available as a standalone a11yTools Extension for Safari macOS.
| Bookmarklet | Demo Page | Install Link |
|---|---|---|
| ARIA | ARIA | ARIA |
| Images | Images | Images |
| Forms | Forms | Forms |
| Headings | Headings | Headings |
| Tables | Tables | Tables |
| Landmarks | Landmarks | Landmarks |
| Page Title | Page Title | |
| Lang | Lang | Lang |
| Tabindex | Tabindex | Tabindex |
| Title Attributes | Title Attributes | Title Attr |
| Iframes | Iframes | Iframes |
| Lists | Lists | Lists |
| Force Show Focus | Force Show Focus | Force Focus |
| Reset Page | Reset Page | Reset Page |
| Grayscale | Grayscale | Grayscale |
| aXe Console.log | aXe Console.log | aXe Console |
http://pauljadam.com/bookmarklets/
GitHub Repo: https://github.com/pauljadam/bookmarklets
TODO: <select onchange>?, & Visual Icons. Disable CSS? <audio><video>?, onclick events?, Potential Headings?