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

Thanks Patrick for your clarification and response. Much appreciated 

Sent from my iPhone

> On May 7, 2020, at 6:11 PM, Patrick H. Lauke <redux@splintered.co.uk> wrote:
> 
> 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 Friday, 8 May 2020 03:38:35 UTC