A11Y Color Blindness Empathy Test -- Browser extensions

Empathy test for color blindness and visual impairment. This add-on emulates 8 types of color blindness, plus grayscale to check the contrast of your website.

• Chrome
• Firefox

This repository is the browser extensions of this application. You can find the web version one on vinceumo/A11Y-Color-Blindness-Empathy-Test

• Web version

Project

Project setup

npm install

Compile CSS

npm run gulp scssBuild

Watch CSS

npm run gulp scssWatch

Install extension locally

Firefox

• Navigate to about:debugging#addons
• Check Enable add-on debugging
• Click on Load Temporary Add-on
• Select the manifest.json file

Chrome

• Navigate to chrome://extensions/
• Click on Load unpacked
• Select the extension folder (with polyfill)

Changelog

[1.0.1] - 2019-10-15

Fixed

• Fix breaking elements with position: fixed when applying filter to body tag [Github]