9.2.4.7 Aktuelle Position des Fokus deutlich - Entfernung des Bezugs auf Hervorhebung bei Mausnutzung

[detlevhfischer]

Was wird geprüft:

• Löschung des Bezugs auf die Sichtbarkeit des Mausfokus (dass der Tastaturfokus mindestens so deutlich sein soll wie der Mausfokus, wird in den WCAG nicht verlangt)
• Hinweis, dass Tastaturfokus nicht aktiv unterdrückt werden darf
• Hinweis auf die Kontrastanforderung von 3:1 für die Fokushervorhebung.

Warum wird das geprüft:

• Löschung des Vergleiches mit Hervorhebung bei Mausnutzung
• Anpassung des Vergleichs mit Standard-Hervorhebung

Hinweise:

• Neuer Hinweis auf Standard-Hervorhebung durch Browser

Anwortet auf Issue https://github.com/BIK-BITV/BIK-Web-Test/issues/347

[johannesFischer84]

Hinweis auf die Kontrastanforderung von 3:1 für die Fokushervorhebung.

Die Forderung des 3:1-Kontrasts bei Farbwechsel, gerade in Prüfung der WCAG 2.4.7 (aber auch bei 1.4.11) halte ich für schwierig, wenn man sich an die WCAG halten will. In der Prüfschrittanleitung unter "Einordnung des Prüfschritts" steht aktuell ein Zitat aus dem Understanding von 1.4.11:

In combination with 2.4.7 Focus Visible, the visual focus indicator for a component must have sufficient contrast against the adjacent background when the component is focused, except where the appearance of the component is determined by the user agent and not modified by the author. If the focus state relies on a change of color (e.g., changing only the background color of a button), then changing from one color to another that has at least a 3:1 contrast ratio with the previous state of the control is a method for meeting the Focus visible criteria.

Den zweiten Teil ab "If the focus state relies ..." gibt es so nicht (mehr) im Understanding. Stattdessen ist im Understanding 1.4.11 etwas weiter unten folgendermaßen formuliert:

Note that this Success Criterion does not directly compare the focused and unfocused states of a control - if the focus state relies on a change of color (e.g., changing only the background color of a button), this Success Criterion does not define any requirement for the difference in contrast between the two states.

Dies hängt sicherlich mit den WCAG 2.2 zusammen. Der Kontrastunterschied zwischen fokussiertem/unfokussiertem Zustand von 3:1 wird darin erst auf AAA-Niveau gefordert, nämlich in Erfolgskriterium 2.4.13. Aus meiner Sicht geht die aktuelle Prüfschrittanleitung damit über die WCAG-Anforderung hinaus.

[sweckenmann]

@johannesFischer84

Die Forderung des 3:1-Kontrasts bei Farbwechsel, gerade in Prüfung der WCAG 2.4.7 (aber auch bei 1.4.11) halte ich für schwierig,

Tatsächlich. Da wurde anscheinend was geändert. Bei dem nachfolgenden Beispiel wird darauf verwiesen, das bei "Use of color" zu bewerten.

Figure 15 The change of background within the component is not in scope of non-text contrast. However, this would not pass Use of color.

Die Frage ist, ob man dies dort nur bewerten darf, wenn es mehrere Schalter auf der Seite gibt, deren Zustand man unterscheiden können muss oder auch, wenn beispielsweise ein einzelner Submit-Button bei Fokuserhalt nur unwesentlich seine Farbe ändert. Ich würde sagen, es ist in beiden Fällen bei Use of Color negativ zu bewerten. Denn auch im zweiten Beispiel wird eine Information auch nur mithilfe von Farbe vermittelt. Nutzende tabben vielleicht auch hin- und her, um sich zu vergewissern (was auch ein Vergleich von Zuständen ist, genauso wie mehrere Schaltflächen auf einer Seite).

Außerdem ist die Intention der WCAG ja deutlich, dass auch Zustände (und der Fokuszustand ist bei 1.4.11 auch ausdrücklich genant) identifiziert werden können sollen. Nur wird eben deutlich gemacht, dass die Ursache des Problems woanders zu sehen ist und daher woanders zu bewerten ist.

[johannesFischer84]

@sweckenmann Sonja, stimmt, bei Use of color (1.4.1) gibt es auch eine Bewertungsmöglichkeit. Wenn bei Fokus sich nur die Hintergrundfarbe des Buttons verändert, ohne dass sich beispielswiese die Form oder Breite/Höhe verändert (oder Invertierung Vorder-/Hintergrund), würde ich das auch als Informationsvermittlung nur über Farbe als Fehler ansehen. Aber aus meiner Sicht ist die Lösung für 1.4.1 dann vor allem ein zusätzlicher Indikator, der nicht auf die Farbe setzt. Zum Beispiel, dass ein Rahmen dazu kommt, der Button größer wird oder sich die Schrift des Buttons verändert bzw. die Schrift unterstrichen wird. Bei Fließtextlinks ist der 3:1-Kontrast nur im unfokussierten Zustand ausreichend. Im fokussierten Zustand muss bei Fließtextlinks auch ein Merkmal hinzukommen, das nicht auf Farbe setzt. Allerdings scheint der 3:1-Kontrast eine zusätzliche Lösungsmöglichkeit für 1.4.1 zu sein, wenn man sich das Understanding 1.4.11 anschaut. Dort sind in Figure 6/7 die mit Farbe gefüllten Sterne zu sehen, welche neben einer Form stattdessen auch den 3:1-Kontrast zum nicht-gefüllten Zustand aufweisen können. Zwar handelt es sich hier nicht um Buttons, aber auf mehrere Buttons nebeneinander angewendet bei Fokus/Nicht-Fokus würde das wohl auch passen. Unsicher bin ich mir aber, ob man den 3:1-Kontrast Fokus/Nicht-Fokus bei einem einzelnen Button auch für 1.4.1 akzeptieren kann. Wegen Zweifeln / fehlenden Angaben in den WCAG dann vermutlich ja. Aber eindringlich empfehlen würde ich immer eher ein optisches Merkmal.

1.4.11 fordert für den entwicklerseitigen Fokus-Indikator einen 3:1-Kontrast zu anliegenden Farben im Fokus-Zustand, aber er fordert nicht 3:1-Kontrast des Fokus-Indikators zum Nicht-Fokus-Zustand.

2.4.13 würde dagegen 3:1 zwischen Fokus-Zustand und Nicht-Fokus-Zustand fordern.

2.4.7 sagt aus meiner Sicht nur, dass der browsereigene Fokus nicht unterdrückt werden darf. Oder wenn ein entwicklerseitiger Fokus verwendet wird, kann 2.4.7 erfüllt werden, wenn dieser Fokus mit 3:1-Kontrast zu anliegenden Farben das Kriterium 1.4.11 erfüllt.

Edit: Abschnitt zu 1.4.1.

[sweckenmann]

Aber aus meiner Sicht ist die Lösung für 1.4.1 dann eher ein zusätzlicher Indikator, der nicht auf die Farbe setzt.

Sinnvoll wäre das sicher, aber wenn die WCAG einen entsprechender Kontrastabstand grundsätzlich als Lösung bei Use of Color (1.4.1) akzeptiert, warum dann in diesem Punkt nicht? Woran sollte man das festmachen?

[johannesFischer84]

Danke für deinen Hinweis, Sonja. Ich habe auch nochmal nachgelesen und nachgedacht. Oben in meiner Beschreibung habe ich den Abschnitt zu 1.4.1 entsprechend geändert und erweitert.

Die Frage ist, ob man dies dort nur bewerten darf, wenn es mehrere Schalter auf der Seite gibt, deren Zustand man unterscheiden können muss oder auch, wenn beispielsweise ein einzelner Submit-Button bei Fokuserhalt nur unwesentlich seine Farbe ändert.

Das ist im Ergebnis für mich jetzt auch unklar bzw. ich finde bei einem einzelnen Button keine klaren Belege.

[detlevhfischer]

Ich habe bei einem Chair der WG nachgefragt, wann diese Änderung beschlossen wurde, habe ich nicht mitgekriegt - und finde keinen PR der die Änderung enthält (vielleicht nur nicht genug gesucht...)

[johannesFischer84]

Detlev, ich habe gerade mal etwas nach dem Pull Request der Änderung gesucht und bin bei w3c/wcag#1058 fündig geworden.