Artikel: Entwicklung
Art | Richtlinie | Hinweis |
|---|---|---|
Wahrnehmbarkeit | ||
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. |
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. |
Verwendung von Seitentiteln | Jede Seite hat einen Titel, der das Thema oder den Zweck beschreiben. | Damit eine Seite im Browser leichter aufindbar 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
Weiter