Intopia's testing bookmarklets
DRANK

Intopia's accessibility testing bookmarkletsA bookmarklet is a web browser bookmark with JavaScript commands that add new features. These small JavaScript snippets are stored as a bookmark URL and executed when clicked.To use them:Drag a bookmarklet to your browser's Bookmarks Bar.Open the web page you want to inspect.Click the bookmarklet.Press Esc to remove the overlay.Page structureBookmarkletTest pageHighlight headingsHighlights all heading levels (H1–H6) with distinct colours. Flags empty headings and duplicate <h1> elements.Testing headingsHighlight image alternativesHighlights all images. Distinguishes between meaningful alt text, empty alt and missing alt.Testing imagesHighlight linksHighlights all links on the page. Resolves the accessible name from any source (text content, aria-label, aria-labelledby). Flags duplicate names pointing to different URLs, links named by title only, title attribute mismatches, empty href and missing href. Click to activate, Esc to clear.Testing…

intopia.github.io
Related Topics: