Alle

Wahrnehmbarkeit
Art	Richtlinie	Hinweis
Textalternativen	Stelle Textalternativen für alle Nicht-Text-Inhalte bereit.	Verwende alt-Attribute für Bilder und Textbeschreibungen für Diagramme und andere visuelle Inhalte.
Audio- und Videountertitel	Biete Untertitel für aufgezeichnete Audioinhalte in synchronisierten Medien.	Erstelle genaue Untertitel und stelle diese für alle Videos zur Verfügung. Wenn deine Webseite automatisch Geräusche abspielt, die länger als drei Sekunden dauern, musst du Nutzenden ermöglichen, sie abzuschalten.
Anpassbare Inhalte	Gestalte Inhalte so, dass diese ohne Stilvorlagen leicht erkennbar und benutzbar sind.	Stelle sicher, dass die Seitenstruktur auch ohne CSS verständlich bleibt.
Verwendung von Farbe	Farbe wird nicht als einziges visuelles Mittel benutzt, um Informationen zu vermitteln, eine Handlung zu kennzeichnen, eine Reaktion zu veranlassen oder ein visuelles Element zu unterscheiden.	Verlasse dich nicht darauf, dass Nutzende Farben sehen können. Vermeide es, Dinge nur durch Farben zu zeigen oder zu beschreiben.
Kontrast von Text und Hintergrund	Der Kontrast zwischen Text und Hintergrund sollte mindestens 4,5:1 betragen.	Verwende Kontrast-Checker, um die Lesbarkeit sicherzustellen.
Kontrast von Grafik und Hintergrund	Alle Elemente, mit denen ich interagieren kann, oder die wichtig fürs Verständnis sind, sollten sich über ein Kontrastverhältnis von mindestens 3:1 vom Hintergrund abheben.	Verwende Kontrast-Checker, um die Lesbarkeit sicherzustellen.
Vergrößerung	Textvergrößerung (min. 200%) ohne den Verlust von Kontext und ohne Zuhilfenahme von assistiven Technologien ermöglichen.	Texte oder andere Inhalte dürfen nicht verdeckt werden oder sogar ganz verschwinden. Alle Funktionen der Webseite müssen nutzbar bleiben.
Bedienbarkeit
Tastaturzugänglichkeit	Stelle sicher, dass alle Funktionalitäten über eine Tastatur zugänglich sind.	Verwende die Tab-Order, um die Reihenfolge der Navigation zu bestimmen.
Fokusrahmen	Elementen, mit denen der User interagieren kann (Buttons, Links etc.), brauchen einen Fokus-Rahmen.	Wir empfehlen, dass dieser Rahmen deutlich sichtbar ist und am besten im CSS als Border umgesetzt wird.
Navigationshilfen	Biete mehrere Möglichkeiten an, um die Seiten und Inhalte zu durchsuchen.	Implementiere eine Suchfunktion und eine Sitemap.
Zeitliche Begrenzungen	Informiere Nutzer über zeitliche Begrenzungen und biete die Möglichkeit der Verlängerung an.	Stelle sicher, dass kritische Aufgaben nicht unbeabsichtigt durch Zeitüberschreitung abgebrochen werden.
Verständlichkeit
Sprache	Stelle sicher, dass die ausgegebene Sprache jeder Website durch Software bestimmt werden kann.	Gebe am <html>-Element das »lang«-Attribut an, damit assistive Technologien die Seite in der richtigen Sprache wiedergeben oder auch die automatische Übersetzung im Browser richtig funktioniert.
Lesbare Inhalte	Sorge dafür, dass Texte gut lesbar und verständlich sind.	Verwende eine klare und einfache Sprache.
Konsistente Navigation	Navigationsmechanismen, die auf mehreren Webseiten innerhalb eines Satzes von Webseiten wiederholt werden, treten bei jeder Wiederholung in der gleichen relativen Reihenfolge auf, es sei denn, der Nutzende hat eine Änderung veranlasst.	Navigations-Mechanismen auf der Webseite müssen immer an der gleichen Stelle zu finden sein, um eine nachvollziehbare Navigation über alle Seiten hinweg sicherzustellen.
Verwendung von Seitentiteln	Jede Seite hat einen Titel, der das Thema oder den Zweck beschreiben.	Damit eine Seite im Browser leichter auffindbar ist, sollte der Titel den "Namen der momentanen Seite" plus den "Namen der ganzen Webseite" beinhalten.
Vorhersehbare Funktionalität	Eine Seite sollte konsistent funktionieren und Nutzeraktionen sollten vorhersehbare Ergebnisse liefern.	Vermeide unerwartete Änderungen von Seitenelementen.
Eingabehilfen	Unterstütze Nutzende, Eingabefehler zu vermeiden und zu korrigieren.	Biete Fehlererkennung und klaren Kontext für Fehler an.
Robustheit
Kompatibilität	Stelle sicher, dass Inhalte mit aktuellen und zukünftigen Benutzeragenten einschließlich assistiver Technologien kompatibel sind.	Verwende gültigen HTML, um Robustheit zu gewährleisten.

Quellen

Wir wollen Mobilität so einfach wie möglich machen.

Artikel: Alle