Accessible Colors for Web

• 

  Stack Overflow

• 

  Google.com

• 

  github.com

Inspiration

Our inspiration was a chrome extension called Dark Reader, but this extension only changes the colors to be dark or light.

What it does

Changes the colors on all pages to be colorblind accessible. Pink, light blue, dark green, and yellow are the colors that help some colorblind people see, and are the ones we went with.

How we built it

We used the manifest.json to open a javascript file we have saved in the project folder, which runs every time a website is run.

Challenges we ran into

Most modern websites are build with 90% divs. By styling every div, it ends up being mostly 1 color.

Accomplishments that we're proud of

Getting the JS to run on page load was challenging, we are glad to have gotten it to work!

What we learned

We learned how to get JS to run when a page is loaded, or a number of other triggers we went through before we got it working.

What's next for Accessible Colors for Web

Fix the color schemes, we thought about styling every other div, and a few other hacky things to make the colors look better. We will have to play with it and see if we can get it to work. We also want to add more color palettes that are selectable as a choice the user can make suited to what he sees.

Built With

• css
• javascript
• json