Re: Criterion 1.4.11 - what constitutes a clickable boundary?

On 29/05/2020 21:42, Catherine Ailanjian wrote:
> There is a kind of UI component that doesn’t seem to be addressed on the 
> “Understanding Success Criterion 1.4.11: Non-text Contrast” page 
> (https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast) -  a 
> clickable “product tile”, where the image of a product is displayed on a 
> light-colored “tile”.
> 
> Here’s an example from the Microsoft website 
> (https://www.microsoft.com/en-us/store/collections/surfacelist?icid=MSCOM_QL_Surface&headerid=department-surface):
> 
> The light grey rectangle should be considered a UI component because it 
> is clickable.  However, the light grey rectangle lacks sufficient 
> contrast with the white background.
> 
> So, since the light grey rectangle IS the clickable border of this UI 
> component and it does not have sufficient contrast with the white 
> background, would it fail WCAG 1.4.11?

See the discussion here https://github.com/w3c/wcag/issues/856 (and the 
related one here https://github.com/w3c/wcag/issues/800)

The short-ish answer is: if it's clear enough from other cues (like 
context, positioning, etc) that something is clickable/actionable, it 
doesn't necessarily need to meet any particular contrast requirements to 
indicate its entire clickable surface/hit area.

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 Saturday, 30 May 2020 10:31:31 UTC