A11y Bookmarklets


Bookmarklets (sometimes called favelets) use code snippets (usually JavaScript) to temporarily modify the page view to highlight accessibility considerations. They function similarly to browser plug ins but don't require installation.

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



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