A11y Bookmarklets

Overview

Bookmarklets (sometimes called favelets) use code snippets (usually JavaScript) to temporarily modify the page view to highlight accessibility considerations.

Bookmarklet instructions

  1. Drag the button to your bookmarks or favorites toolbar or folder
  2. Add any additional notes, links, etc.
  3. Navigate to a test page and select the desired bookmarklet
  4. Refresh the page to return to the original view
  5. To preview the bookmarklet, select the button at the top of the card

Bookmarklets

General

Get started with these:

Color and Contrast

Preview the page with different color settings:

WCAG Guidelines

Test your design for against WCAG criteria:

Additional Resources

Related pages in this section:

Have digital accessibility questions or site feedback?
Email the digital accessibility team