OData / odataorg.github.io

Staging site and collaboration repository for http://www.odata.org
MIT License
63 stars 101 forks source link

Fix luminosity of search border when focused. #325

Closed habbes closed 1 year ago

habbes commented 1 year ago

Fixes Accessibility item 2110071

The search bar's luminosity has a 2.4:1 contrast ratio when focused, which is less than the recommended 3:1 (WCAG AA).

image

To address the issue, I changed the focus border color from #66afe9 to #3a98e3. Not sure if it's required to go up to WCAG AAAA compliance for this case, but the issue only reported 3:1 ratio. The darker I made the border, the less appealing it looked.

image

Before

image

After

image