Ü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.11 Focus Not Obscured Minimum (W3C WCAG)

Understanding SC 2.4.11 Focus Not Obscured Minimum (W3C WCAG)

Quelle / bibliografische Angaben

W3C WAI: „Understanding SC 2.4.11 Focus Not Obscured (Minimum) (Level AA)“, Teil von Understanding WCAG 2.2. Dateiname ohne Klammern um „Minimum“.

Kurzfassung

Ein Element mit Tastaturfokus darf nicht vollständig von Inhalten verdeckt sein, die die Website selbst darüberlegt.

Kernaussagen

  • Teilweise Verdeckung ist bei AA erlaubt, vollständige nicht. Für die Prüfung zählt die Komponente, nicht der Fokusring um sie herum.
  • Typische Verursacher: Sticky Header, Sticky Footer, nicht-modale Dialoge, Cookie-Banner.
  • Ein Cookie-Banner besteht, wenn er modal ist oder wenn scroll-padding dafür sorgt, dass er nichts verdeckt.
  • Halbtransparente Overlays verdecken nicht vollständig, können aber 1.4.11 verletzen.
  • Inhalte, die die Person selbst geöffnet hat, dürfen verdecken, wenn sie sich ohne Fokuswechsel wieder wegbekommen lassen, etwa per Escape.

Eigene Einordnung

Direkt relevant für Sticky-Header einrichten: scroll-padding-top ist dort das Mittel, damit ein per Tab angesprungenes Element nicht unter dem Header verschwindet.

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.