ColorCue is a Firefox browser extension that improves web accessibility by increasing color contrast on webpages. It is designed for users with color vision deficiencies (color blindness). Currently the extension supports three types of color blindness.
- Protanopia
- Deuteranopia
- Tritanopia
This project originally started as a hackathon project for UCLA's QWERHacks 2024. We won second place with a working, buggy version. Since then, the team has slowly fixed and improved the project. We hope to release it as a Firefox add on and later port to other browsers.
Currently the extension is not avaliable on the Firefox add ons marketplace. Hopefully we will finish it soon and deploy it for use. For now use development instructions to install locally. There are still known some bugs.
Simulated Protanopia | Adjusted with ColorCue |
---|---|
Follow these steps to load the extension locally.
For development, install web-ext and run using web-ext run
for live code reloading.
Use Firefox's accessibility inspector to simulate color blindness.
The algorithm works by utilizing a daltonization algorithm to enhance color contrast for web page elements. The algorithm in daltonize.js
is an updated version of Michael's algorithm from http://www.daltonize.org/2010/05/there-is-not-just-one-color-blindness.html. A direct link to the algorithm's source code can be found here.