focus state needs more contrast for low vision users

Princeton-CDH / lenape-timetree

Source code for the CDH-sponsored Lunaapahkiing Princeton Timetree research project

https://lenapetimetree.indigenous.princeton.edu/

Apache License 2.0

4 stars 1 forks source link

focus state needs more contrast for low vision users #262

Open rlskoeser opened 1 year ago

rlskoeser commented 1 year ago

accessibility review feedback from @itmaybejj:

Focus state often has very little contrast -- black on brown.

suggestion:

"Ideally pick something very bright and contrasty. It may also make sense to pick two colors, so something always shines through regardless of the foreground and background:
a:focus-visible, button:focus-visible {
outline: 3px solid transparent;
box-shadow: 0 0 0 2px cyan, 0 0 0 3px black;
}"