ProjectMirador / mirador

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.
https://projectmirador.org
Apache License 2.0
550 stars 256 forks source link

Accessibility audit: Text contrast #3109

Open cbeer opened 4 years ago

cbeer commented 4 years ago

The button "Add resource" gets a light blue background when the keyboard is focused. The contrast ratio between the white font color and the light blue background is not sufficient at 3.1:1. The contrast must be at least 4.5:1 even in the focused state.

The same contrast requirement also applies to the labeling of the "Resource location/Location of the resource" input field (see following illustrations). Its contrast to the background is also somewhat too low at 4.4:1.

cbeer commented 4 years ago

I believe these are coming right out of MUI and could be customized by downstream applications using custom themes.