Skip to content

Latest commit

 

History

History
33 lines (20 loc) · 2.43 KB

README.md

File metadata and controls

33 lines (20 loc) · 2.43 KB

ColorCue

Overview

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.

  1. Protanopia
  2. Deuteranopia
  3. 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.

Usage

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.

Screenshots

Simulated Protanopia Adjusted with ColorCue
Color test through the eyes of someone with Protanopia The same color test simulated for Protanopia, but with ColorCue's algorithm applied

Development

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.

Credit

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.