Re: Hover contrast

On 29/06/2021 13:06, Batusic, Mario wrote:
> Success Criterion 1.4.11: Non-text Contrast of WCAG 2.1 requires a 
> minimum of 3:1 contrast against adjacent color(s) for controls. Does it 
> include also the contrast between a mouse hover and its adjacent colors?

If the styling applied on hover is only there to give a tiny bit of 
additional visual feedback (but it's already clear even without hovering 
that the thing is a clickable/actionable control, i.e. it's not 
necessary to *see* this hover style to understand this), it's only a 
nice-to-have an not essential to understanding/perceiving the hovered 
"thing". In short, nope.

However, if you have something like a graphical button or something, and 
when you hover it its contrast (e.g. the contrast between the 
icon/graphic of the button and its background) becomes super low and 
hard to make out altogether, that yes that is a failure of 1.4.11.

P
-- 
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke

Received on Tuesday, 29 June 2021 13:43:05 UTC