Bedienelemente, wie zum Beispiel Buttons oder Einträge, in einem ausgeklappten Untermenü, müssen eine klickbare Fläche von mindestens 24 × 24 px haben, die sich nicht mit der Klickfläche anderer Elemente überschneidet.

Wenn deine Seite eine Hilfe anbietet, sollte diese Hilfe einfach zu finden sein. Stelle sicher, dass diese immer an derselben Stelle platziert ist. Als Hilfe können auch einfache Kontaktdaten zählen.

Die Unterseiten deiner Webseite müssen auf mehr als einem Weg erreichbar sein. Zusätzlich zur Navigation musst du eine Suche oder eine Sitemap anbieten.

Informationen und interaktive Elemente müssen auch ohne Farbinformationen wahrgenommen und verstanden werden können. Empfehlung: Deine Website sollte auch in Graustufen verständlich sein.

Alle interaktiven Elemente, wie Links, Buttons oder Formularfelder, benötigen einen visuellen Zustand, der deutlich macht, dass das Element per Tastatur fokussiert ist. Wir empfehlen, einen Fokusrahmen zu nutzen, da dieser sehr deutlich zu erkennen ist und auf jedem Elemente konsistent gleich aussieht.

Mechanismen zur Navigation auf deiner Website müssen immer an der gleichen Stelle zu finden sein, um eine einfache Navigation über mehrere Seiten hinweg sicherzustellen.

Fehler sollten leicht erkennbar sein und nicht nur durch Farben hervorgehoben werden. Du benötigst zusätzlichen Text, um sie zu beschreiben.

Formularfelder (auch Checkboxen) brauchen sinnvolle Beschriftungen (Labels). Diese sollten dauerhaft angezeigt werden. Platzhalter sind darum nicht ausreichend.

Schreibe den Text einer Fehlermeldung möglichst konkret. Gib dazu an, wie ich den Fehler beheben kann.

Beim Ausführen einer Transaktion oder einer Interaktion, die negative Konsequenzen haben kann, muss es eine Möglichkeit geben, die Aktion vor dem Absenden zu prüfen oder sie im Nachgang rückgängig zu machen.

Das Kontrastverhältnis von Text zu Hintergrund muss hoch genug sein. Der vorgeschriebene Mindestkontrast liegt bei 4,5:1 für Texte unter 24 px Schriftgröße und bei 3:1 für Texte über 24 px Schriftgröße.

Zeige keine Informationen als Text in Bild. Nutzende können diese nicht anpassen und assistive Technologien können sie nicht lesen.

Alle grafischen Elemente, mit denen man interagieren kann (zum Beispiel Icon-Buttons), oder die wichtig fürs Verständnis der Seite sind, sollten einen Kontrast von mindestens 3:1 zum Hintergrund haben.

Animationen, die auf deiner Website automatisch starten, müssen pausiert, gestoppt oder versteckt werden können, wenn sie länger als fünf Sekunden dauern.

Mit Tastatur (Tab-Taste) sollten die Inhalte deiner Website in einer sinnvollen Reihenfolge angesteuert werden können. Im Normalfall folgt die Tab-Reihenfolge der visuellen Reihenfolge.

Deine Website darf keine Inhalte beinhalten, die schneller als drei Mal in einer Sekunde aufblitzen. Darunter fallen zum Beispiel wild blinkende Buttons oder hektische GIFs.