Glossar · F
Fokus-Indikator: Sichtbare Orientierung bei Tastaturbedienung
Ein Fokus-Indikator ist eine visuelle Markierung, die anzeigt, welches Element auf einer Webseite oder in einer App gerade aktiv ausgewählt ist, etwa bei Bedienung per Tastatur. Er ist essenziell für Menschen, die keine Maus nutzen können oder wollen, darunter viele Menschen mit Sehbehinderung. Ohne klar erkennbaren Fokus-Indikator wird die Navigation praktisch unmöglich.
Wie funktioniert Fokus-Indikator?
Beim Navigieren mit der Tabulatortaste springt der Fokus von einem interaktiven Element zum nächsten, etwa zwischen Links, Buttons und Formularfeldern. Der Fokus-Indikator macht diese Position sichtbar.
Wichtige Anforderungen an einen guten Fokus-Indikator sind:
- Ausreichender Kontrast zum Hintergrund und zum unfokussierten Zustand.
- Deutliche Sichtbarkeit, etwa durch Rahmen oder Farbwechsel.
- Keine Verdeckung durch andere Elemente wie Sticky-Header, ein Kriterium, das die WCAG 2.2 unter "Focus Not Obscured" explizit fordert.
- Konsistente Darstellung über die gesamte Website oder App hinweg.
Die WCAG 2.2 verschärfen mit Kriterien wie 2.4.11 und Anforderungen an den Kontrast von Fokus-Erscheinungsbildern die Massstäbe an sichtbare Fokus-Indikatoren deutlich.
Warum ist Fokus-Indikator wichtig?
Für Menschen mit Low Vision oder motorischen Einschränkungen ist der Fokus-Indikator oft die einzige Orientierungshilfe bei der Tastaturnavigation.
- Selbstständige Bedienung ohne Maus wird erst durch klare Fokus-Anzeige möglich.
- Wichtig für Screenreader-Nutzende, die visuelle und akustische Rückmeldung kombinieren.
- Rechtliche Relevanz durch verbindliche WCAG-Anforderungen bei öffentlichen und vielen privaten Angeboten.
- Risiko bei fehlendem Fokus-Indikator: Nutzende verlieren die Orientierung und brechen die Nutzung ab.
Solche Details werden oft erst durch gezielte Digitale Barrierefreiheit mit sehbeeinträchtigten Personen sichtbar.
Abgrenzung zu ähnlichen Begriffen
Der Fokus-Indikator ist eng mit dem verknüpft, da ausreichender Kontrast Voraussetzung für seine Erkennbarkeit ist. Beide Aspekte sind Teil der übergeordneten -Richtlinien für barrierefreies Webdesign.
Häufig gestellte Fragen (FAQ)
Welche WCAG-Kriterien betreffen den Fokus-Indikator?
Relevante Kriterien sind unter anderem 2.4.7 (Focus Visible), 2.4.11 (Focus Not Obscured) sowie Anforderungen an den Kontrast des Fokus-Erscheinungsbilds in den WCAG 2.2.
Reicht der Standard-Fokusrahmen des Browsers aus?
Oft ja, jedoch entfernen viele Websites diesen aus gestalterischen Gründen, ohne einen gleichwertigen Ersatz bereitzustellen, was ein häufiger Barrierefreiheitsfehler ist.
Betrifft der Fokus-Indikator nur Tastaturnutzende?
Primär ja, doch auch Screenreader-Nutzende und Personen mit kognitiven Einschränkungen profitieren von klarer visueller Orientierung.