OpenWaterFoundation / owf-app-dev-ng

Open Water Foundation Angular application to develop common libraries
0 stars 1 forks source link

ADA compliance - need to understand how to handle color blindness #72

Open smalers opened 2 years ago

smalers commented 2 years ago

This is currently low priority but may need attention in the future.

Some contracts like with the State of Colorado may require ADA compliance such as for color-blindness on websites. This is hopefully something that frameworks like Angular provide some solutions or at least best practices. I found the following for how to test on Chrome:

https://developer.chrome.com/blog/new-in-devtools-83/

I tested the Poudre Basin Information site. Most colors are at least apparent with contrast, but in some cases the maps are hard to read. I don't know if the solution is to offer a way for color-blind people to pick a setting and the CSS changes? This could address basic website content but there is so much color in some maps that I don't know how to make it work for everyone, without a lot of effort.

Also, if someone has an issue with using a mouse, for example, does Angular, etc. allow for keyboard options? I don't know how phones handle.