Skip to content

A simple Firefox extension to check and improve color contrast for accessible web design, ensuring WCAG compliance.

Notifications You must be signed in to change notification settings

Dvles/ColorContrastHelper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Color Contrast Helper Extension

(IN DEVELOPMENT) A simple Firefox sidebar extension designed to help users check the contrast ratio between two colors. It helps ensure that web content is accessible for users with visual impairments by providing an intuitive tool for comparing foreground and background colors.

Features

  • Manual Mode: Select foreground and background colors using color pickers, and check the contrast ratio.
  • Auto Mode (Upcoming): Automatically fetches and analyzes the foreground and background colors of the current webpage to check color contrast.

Installation

To install the Color Contrast Helper extension in Firefox:

  1. Download the extension files to your local computer.
  2. Open Firefox and go to about:debugging. ( about:debugging#/runtime/this-firefox )
  3. Click on "This Firefox" (or "Load Temporary Add-on" depending on your version).
  4. Click on the "Load Temporary Add-on" button.
  5. Select the manifest.json file from your extension folder.

The extension should now be installed and active in your browser.

Feel free to contribute to the development or suggest further features!

About

A simple Firefox extension to check and improve color contrast for accessible web design, ensuring WCAG compliance.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published