Über diese Website

Dieser Kasten steht auf jeder Seite in der linken Spalte. Was darin steht, änderst du in der Konfiguration unter Plugins — oder du schaltest ihn dort ab.

Über dieses Handbuch

Dieses Handbuch gehört zur Vorlage Example für QuartzControl. Es erklärt die Vorlage und führt zugleich alles vor, was sie kann.

Der Text hier kommt aus einer Markdown-Datei, nicht aus der Konfiguration.

Understanding SC 2.4.7 Focus Visible (W3C WCAG)

Understanding SC 2.4.7 Focus Visible (W3C WCAG)

Quelle / bibliografische Angaben

W3C WAI: „Understanding SC 2.4.7 Focus Visible (Level AA)“, Teil von Understanding WCAG 2.2.

Kurzfassung

Wer die Seite mit der Tastatur bedient, muss sehen können, welches Element den Fokus hat.

Kernaussagen

  • Kriterium: Jede per Tastatur bedienbare Oberfläche hat einen Bedienmodus, in dem der Fokusindikator sichtbar ist.
  • „Mode of operation“ erlaubt ausdrücklich, dass Browser den Fokus nur bei Tastaturbedienung zeigen. Genau das macht :focus-visible.
  • Der Fokusindikator darf nicht nach einiger Zeit verschwinden.
  • Fokusindikatoren unterliegen auch 1.4.11 Non-text Contrast.
  • Empfehlung als Best Practice: auch Maus- und Pointer-Nutzern einen sichtbaren Fokus anbieten, wo es hilft.
  • Häufiger Fehler laut Seite: per Stylesheet den Fokusindikator entfernen oder unsichtbar machen (Failure F78).

Eigene Einordnung

Für Stufe AA reicht es also, wenn der Fokus bei Tastaturbedienung sichtbar ist. Größe und Kontrast regelt erst 2.4.13 (AAA).

Verknüpftes Wissen

Offene Fragen

  • Keine.

Weiterlesen

Diese Seite gehört zu gui-test — der Beispielvorlage für QuartzControl. Ein Überblick über alle Bereiche steht auf der Startseite.

Auf einem schmalen Bildschirm ist die Navigation oben eingeklappt.