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

npm install

npm run gulp scssBuild

npm run gulp scssWatch

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

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

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