Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SC 1.4.11: Eenkleurig logo als link #83

Open
erikkroes opened this issue Dec 18, 2024 · 1 comment
Open

SC 1.4.11: Eenkleurig logo als link #83

erikkroes opened this issue Dec 18, 2024 · 1 comment

Comments

@erikkroes
Copy link

erikkroes commented Dec 18, 2024

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
@pbb72
Copy link

pbb72 commented Jan 24, 2025

De uitzondering voor logo's baseert zich op dat meestal de kleuren van een logo (en de achtergrond) vast liggen en niet veranderd mogen worden om het trademark te beschermen.

Is dat hier het geval, is inderdaad vastgelegd dat de voor- en achtergrondkleur van dit logo zo zwak contrast moeten hebben? In dat geval is het een uitermate slecht logo, maar is het inderdaad uitgezonderd van 1.4.11.

Maar indien er keuze is voor ofwel de logo kleur ofwel de achtergrond kleur, dan ben je wel gebonden aan 1.4.11.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants