Ada.is

The blog of Ada Rose Edwards

Accessibility and Contrast Bookmarklet

by Ada Rose Edwards
@lady_ada_king

This is a bookmarklet to run on any page to analyse the contrast of the text on a page and highlight elements which may have readability issues.

This project was grew out of a piece of work I did for general page analysis but I thought this component was interesting enough to explore as a standalone tool as it doesn’t need to use any 3rd party service to perform the analysis.

The project page is hosted on GitHub pages: Contrast Widget.

Screenshot of Contrast Widget
<caption>Screenshot of Contrast Widget</caption>
The project page should be embedded here, click here if it does not load automatically.