Bewährte Praktiken

Die häufigsten Fehler bei der Barrierefreiheit

Kontrast, fehlende Alternativen, Formulare ohne Beschriftung: die Probleme, die sich fast überall finden, und wie Sie sie beheben.

Einige Probleme tauchen in der großen Mehrheit der Audits auf. Die gute Nachricht: Sie sind auch am einfachsten zu beheben, und ihre Behebung verbessert die Bewertung schnell.

Unzureichender Kontrast

Hellgrauer Text auf weißem Hintergrund, Schaltflächen mit Farben, die dem Hintergrund zu nahe kommen. Lösung: die Farben so anpassen, dass beim Fließtext ein Verhältnis von mindestens 4,5 zu 1 erreicht wird.

Bilder ohne Textalternative

Ein informationstragendes Bild ohne alt-Attribut hält Screenreadern diese Information vor. Lösung: das Bild knapp beschreiben oder als dekorativ kennzeichnen, wenn es keine Information trägt.

Formulare ohne Beschriftung

Ein Feld ohne zugeordnete Beschriftung ist für eine assistive Technologie schwer verständlich. Lösung: jedem Feld eine klare Beschriftung zuordnen und die Fehlermeldungen eindeutig gestalten.

Defekte Tastaturnavigation

Per Tastatur nicht erreichbare Elemente, ein unsichtbarer Fokus, eine unlogische Tabulatorreihenfolge. Lösung: die gesamte Seite ohne Maus testen und den Fokus deutlich sichtbar machen.

Fehlender Seitentitel und fehlende Struktur

Ein fehlender Seitentitel oder eine inkonsistente Überschriftenhierarchie erschweren die Orientierung. Lösung: ein eindeutiger, treffender Titel pro Seite und Überschriftenebenen in der richtigen Reihenfolge.