Zum Hauptinhalt springen
Konform
SchwerwiegendBarrierefreiheitgilt je Seite

Tastatur-Fokus ist unsichtbar gemacht

Sucht in eingebettetem CSS nach outline:none oder outline:0 auf Fokus-Zuständen, ohne dass ein Ersatz (box-shadow, border, outline in :focus-visible) definiert wird.

Warum das zählt

Wer die Seite mit der Tastatur bedient, sieht ohne Fokusrahmen nicht, wo er sich befindet – Navigation wird zum Blindflug. WCAG 2.4.7 (Level AA) verlangt einen sichtbaren Fokus.

So behebst du es

Ersetze den Standardrahmen, statt ihn zu entfernen: :focus-visible mit outline oder einem deutlichen box-shadow.

Problematisch

a:focus { outline: none; }

So ist es richtig

a:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }

Einordnung des Schweregrads

Erschwert die Nutzung erheblich oder birgt ein konkretes rechtliches Risiko. Verstöße dieser Kategorie fließen entsprechend stark in die Gesamtbewertung ein.

Ausführliche Anleitungen

Diese Seite beschreibt eine technisch messbare Prüfung und ist keine Rechtsberatung. Für eine verbindliche Bewertung deiner Situation wende dich an eine Rechtsanwältin oder einen Rechtsanwalt.