Endeavour5 / Contrast-Finder-Firefox

Firefox extension to ease use of Asqatasun Contrast-Finder

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Asqatasun Contrast-Finder-Firefox

Firefox extension to ease use of Asqatasun Contrast-Finder

This is Asqatasun Contrast-Finder for Firefox

@@@TODO add URL of addons.mozilla.org

This addon speeds and eases the use of Asqatasun Contrast-Finder to find good color contrast by selecting directly in the web page the element whom color you want to change. @@@TODO update URL of Asqatasun Contrast-Finder

This helps you in satisfying web accessibility (a11y) tests on contrasts:

Documentation

How to use ? Go to the documentation !

Screenshots

1) Opening the sidebar in Firefox

screenshot 01

2) Asqatasun Contrast-Finder's sidebar

screenshot 02

3) Activate Element selector

screenshot 03

4) while hovering any element, contrast is automatically computed. This one is good.

screenshot 04

5) This text's contrast is not sufficient. Let's click to select it.

screenshot 05

6) Choose which color to modify (foreground / background), and click the button "Find valid colors".

This makes Contrast-Finder computing possible colors and by the way brings you to Contrast-Finder website . screenshot 06

7) Contrast-Finder offers a set of valid colors for contrast

screenshot 07

Keyboard usage

Focus to a given text, then press the "context menu" key, choose which color (background / foregound) to modify.

screenshot 08

About

Firefox extension to ease use of Asqatasun Contrast-Finder

License:GNU Affero General Public License v3.0


Languages

Language:JavaScript 81.0%Language:HTML 10.1%Language:CSS 8.9%