/A11Y-Color-Blindness-Empathy-Test-browser-extensions

👁 Browser extensions to test color blindness and visual impairment.
a11y a11y-testing browser-extension
  1. JavaScript 74.3%
  2. CSS 25.7%
Switch branches/tags
Nothing to show
Find file
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Download ZIP

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop...

If nothing happens, download GitHub Desktop and try again.

Launching Xcode...

If nothing happens, download Xcode and try again.

Launching Visual Studio...

If nothing happens, download the GitHub extension for Visual Studio and try again.

Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Tasks
content
dist
.gitignore
CHANGELOG.md
LICENSE
README.md
bundle-config.js
gulpfile.js
package-lock.json
package.json

README.md

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.

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

screenshot screenshot2

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]