SC 1.4.11: Eenkleurig logo als link

[erikkroes]

Een eenkleurig logo wordt gebruikt als link. Het heeft een laag contrast met de achtergrond (minder dan 3.0:1). Faalt dit onder SC 1.4.11?

SC: https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html

Vraag op meerdere plekken gesteld, maar ben benieuwd wat hier de interpretatie is.

Interprestaties van elders

Ideally-slack: https://idea11y.slack.com/archives/CJY8D57U6/p1734438909851579 Ronny Hendriks: "Logo van een organisatie of merk? Want dan valt het niet over de contrast eisen" Yakim van Zuijlen: "In de understanding document van 1.4.11 Non-text Contrast staat aangegeven dat logos volledig uitgezonderd zijn. De branded presentatie wordt namelijk gezien als essentieel."

Web-a11y slack: https://web-a11y.slack.com/archives/C7KTV5CBA/p1734438202824639 Jan Jaap de Groot: "According to the Understanding 1.4.11 docs, that's an essential exception." Evelyn Wightman (en 2 stemmen): "I feel like the user interface part of it wins out here. If you can't see it's there you're not going to click it, doesn't really matter what the 'it' is." Eric Eggert (en 1 stem): "Yes, when the logo is the only thing identifying a user interface element, the user interface element fails 1.4.11 Non-Text Contrast."

Mijn indruk zo ver

SC 1.4.11 zegt het volgende:

The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): User Interface Components Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; Graphical Objects Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.

Het slaat op "User interface components" en "Graphical objects".

Er is een kopje met "Essential Exception":

Graphical objects do not have to meet the contrast requirements when "a particular presentation of graphics is essential to the information being conveyed".

Onder "Testing Principles staat:

Identify each user-interface component (link, button, form control) on the page and: ...

Definitie user interface component:

User interface components include form elements and links as well as components generated by scripts. https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html#dfn-user-interface-component

Mijn conclusie

Wat ik hierin lees is dat een link een user interface component is. Ik lees dat er Essential exceptions zijn voor Graphical objects. En dat er andere uitzonderingen (in de SC-formulering) zijn voor User interface components. De uitzondering voor logo's geldt dan niet omdat het als User interface component beoordeeld moet worden (en niet als Graphical object). Het logo faalt onder 1.4.11.

Oplossingen:

• Als het logo geen link is faalt het niet
• Als het logo een contrast van 3.0:1 haalt faalt het niet
• Als de link op een andere manier herkenbaar is (vak eromheen? onderlijning?) kan het wel voldoen