Eine Website muss auch für Menschen mit Farbsehschwäche funktionieren. Wird etwas nur über Farbe vermittelt? (Beispiel: grüner Punkt = aktiv, rot = inaktiv) Dann braucht es zusätzliche grafische Elemente oder Text!

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

Alle Texte (Fließtext, Labels, Placeholder usw.) brauchen das richtige Kontrastverhältnis zum Hintergrund. Der Mindestkontrast liegt bei 4,5:1 für Texte unter 24 Pixel und bei 3:1 für Texte über 24 Pixel.

Schreibe wichtige Infos nicht (nur) als Text in Pixelgrafiken. User können diese Texte nicht nach ihren Bedürfnissen anpassen, und auch assistive Technologien können sie nicht auslesen.

Animationen, die auf deiner Website automatisch starten und länger als 5 Sekunden dauern, müssen pausiert, gestoppt oder ausgeblendet werden können.

Deine Website darf keine Elemente enthalten, die größer als 148 × 148 Pixel (Richtwert) sind und öfter als dreimal pro Sekunde aufblitzen. Dazu gehören zum Beispiel blinkende GIFs oder flackernde Sequenzen in Videos.

Mit der Tastatur (Tab-Taste) muss man die Inhalte deiner Website in einer sinnvollen Reihenfolge ansteuern können. Normalerweise folgt die Tab-Reihenfolge der visuellen Reihenfolge.

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

Interaktive Elemente (Buttons, Links usw.) brauchen einen Fokuszustand. Es muss immer sichtbar sein, welches Element auf der Seite den Tastaturfokus hat. 

Bedienelemente wie Buttons oder Links müssen eine klickbare Fläche von mindestens 24 × 24 px haben, die sich nicht mit der klickbaren Fläche anderer bedienbarer Elemente überschneidet.

Die Navigations-Mechanismen (Menü, Breadcrumbs, Suche und Ähnliches) auf deiner Website müssen immer an der gleichen Stelle zu finden sein, damit die Navigation durch die Unterseiten einfacher wird.

Wenn eine Website eine Hilfe anbietet, sollte diese leicht und schnell zu finden sein. Achte darauf, dass sie auf allen Unterseiten immer an derselben Stelle platziert ist. Als Hilfe zählt zum Beispiel schon die Angabe einfacher Kontaktdaten.

Wenn Fehler auf der Website auftreten, sollten sie leicht erkennbar sein und nicht nur durch Farben hervorgehoben werden. Zusätzlich brauchst du einen Text, der den Fehler beschreibt.

Formularfelder sollten sichtbare Beschriftungen haben, am besten über das <label>-Tag. Die Beschriftung sollte dauerhaft sichtbar sein. Deshalb empfehlen wir, Placeholder-Texte nicht als Beschriftung zu verwenden.

Die Texte einer Fehlermeldung sollten möglichst konkret sein, damit man auch weiß, wie der Fehler behoben werden kann.

Bei einer Transaktion oder Interaktion, die negative Folgen haben kann, sollte es möglich sein, die Aktion entweder vor dem Absenden zu prüfen, sie noch einmal zu bestätigen oder sie rückgängig zu machen.