Re: Color contrast requirement clarification in hover state of dropdown element

On 07/05/2020 23:02, Kiran wrote:
> Hi All,
> 
> Hope you are staying safe.
> 
> I appreciate your inputs and thoughts in clarifying color 
> contrast requirements in hover state of the dropdown element.
> 
> As shown in an example below, on hover state: the dropdown element text 
> "Willie" passes accessibility on that light gray, which is #DbDbDb. But 
> the light gray #DBDBDB color doesn't meet accessibility on white. So my 
> question is: does the gray have to be discernible from white when next 
> to each other to pass WCAG 2.1 AA ?

I'm assuming this isn't just the hover state, but the focus state as 
well? In which case I'd say that yes, the background of the currently 
focused item needs to have sufficient contrast (at least 3:1) against 
the white background (per 1.4.11, as that background color is the only 
visual indication of the focused/selected state).

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 Thursday, 7 May 2020 23:05:23 UTC