Skip to content
Go to file

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time


Highlight classes of elements on a web page that relate to accessibility requirements, including:

  • Landmarks
  • Headings
  • Images
  • Lists
  • Forms

To install the bookmarklets, please visit the Accessibility Bookmarklets website.

Instructions for using the web accessibility bookmarklets:

  • An outlined area (e.g., a heading outline with label 'h2') is referred to as an overlay. It has the same geometry as the element it outlines.
  • Hovering over the label of an overlay (the solid-color rectangle in the top-right corner) will display a tooltip with information on the underlying element's type, label, text content or accessible name.
  • You can move an overlay with mouse drag-and-drop using its label as the drag handle.
  • After moving an overlay, double clicking its label will move the overlay back to its original position.
  • The last overlay that was clicked or moved has the highest z-index of all overlays. Thus if the label of one overlay is partially obscured by the label of another, clicking the partially obscured label will expose the entire label.
  • In some cases, one overlay may completely obscure another, hiding even the label of the other overlay. We plan to address this issue by adding page-level information that indicates how many overlays of each type were found on the page.

Note: A bookmarklet is a JavaScript snippet that can be run within a web browser and that typically performs an action related to the currently loaded web page.


Web Accessibility Bookmarklets:



No releases published
You can’t perform that action at this time.