cds-snc / c19-benefits-node

Answer some questions to find which federal programs can help you https://covid-benefits.alpha.canada.ca/. - Répondez à quelques questions pour trouver quels programmes d’aide financière fédéraux s’offrent à vous https://covid-prestations.alpha.canada.ca/.
MIT License
2 stars 4 forks source link

Focus outline contrast level on green buttons #354

Closed dsamojlenko closed 4 years ago

dsamojlenko commented 4 years ago

WCAG 2.1: The darkened orange outline is much better than before, but still has issues with green buttons. The orange outline doesn’t achieve a 3:1 contrast against green buttons that have focus. The green buttons change to dark green when they have focus, but the contrast difference between normal and dark green is still less than 3:1. To resolve this, I’d recommend adding a small amount of white space between the green buttons and their orange outlines. That’ll make the green buttons’ focus outlines obvious to all sighted users.