Skip to content
gh-pages
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

bookmarklets

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.

About

Web Accessibility Bookmarklets:

Resources

Releases

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