Accessibility issue in "Forms → Autocomplete" (contrast issue)

digipolisantwerp / antwerp-ui_angular

Antwerp UI is a component interface library for building user interfaces and responsive web apps.

https://digipolisantwerp.github.io/antwerp-ui_angular

MIT License

13 stars 19 forks source link

Accessibility issue in "Forms → Autocomplete" (contrast issue) #225

Open roelvangils opened 3 years ago

roelvangils commented 3 years ago

Describe the bug

The grey hover state has a contrast ratio of 1.1:1 on the white background making it less than the sufficient 3.0:1. In accordance with WCAG 2.1, this does not satisfy the 1.4.3 Contrast (minimum).

How to fix

Leave it up to the UI designers. Inverting the colours is usually a good starting point.

MichaelCastiau commented 3 years ago

Reminder to myself. Make text bold.