Checkliste barrierefreie Webseitengestaltung

Text(e) / Inhalt(e)

erledigt Prüfpunkte
Inhalte auf den Punkt gebracht
Einheitliche Benennung ein und desselben Sachverhaltes
Zwischenüberschriften bei längeren Texten/Anleitungen zur besseren Gliederung und besseren inhaltlichen Aufnahme durch die Lesenden
Webseiten mit einem Text-Browser “ansehen” und überprüfen, z. B. Links
Was passiert bei “Klick” auf Schaltfläche/Link → z. B. File Download, öffnet externe Webseite, öffnet Dokument / Formular
Webseiten mittels eines Screen-Readers, z. B. enthalten im Betriebssystem oder frei verfügbar, vorlesen lassen
Mehrsprachigkeit (deutsch/englisch)

Bild(er)

erledigt Prüfpunkte
Bild(er) mit alternativ-Text versehen, wenn für Inhalt/Text relevant
Bild(er) mit Beschreibungen versehen (z. B. Stichworte, was auf dem Bild zu sehen ist, keine Interpretation(!))
Auflösung muss 200-fachen Zoom aushalten ohne zu verpixeln

Design

erledigt Prüfpunkte
Textsatz: Links-bündig und kein Blocksatz
Prüfung von Farbkontrasten (z. B. Hintergrundfarbe zu Schriftfarbe → hoher Kontrast)
Prüfung von Farbschemata (z.B. bei Rot-Grün-Sehschwäche → z.B. möglichst geringe Rot-/Grün-Farbwerte, Symbole zur Unterstützung nutzen)
Schriftgröße: 12+
Schaltflächengröße: <….
Ausreichend große Abstände zwischen einzelnen Schaltflächen
Intuitiv, übersichtlich und klar gestaltetes Layout

Die Checkliste zum herunterladen

Überprüfungswerkzeuge

Eine Liste mit Überprüfungswerkzeugen von Webseiten nach WCAG 2.x findet sich hier: https://www.w3.org/WAI/test-evaluate/tools/list/

Diese Website verwendet Cookies. Durch die Nutzung der Website stimmen Sie dem Speichern von Cookies auf Ihrem Computer zu. Außerdem bestätigen Sie, dass Sie unsere Datenschutzbestimmungen gelesen und verstanden haben. Wenn Sie nicht einverstanden sind, verlassen Sie die Website.Weitere Information