Deutsches Zentrum für barrierefreies Lesen (dzb lesen)

Checklisten zur Barrierefreiheit

Hier finden Sie grundlegende Anforderungen für Webseiten, PDF- und Word-Dokumente.

1. Überschriften-Hierarchie gegliedert wie ein Buch?
HeadingsMap-Browser-Erweiterung zum Prüfen

2. Seitentitel (<title>-Element im <head>-Bereich) aussagekräftig

  • Bezeichnung individuelle Seite enthalten?
  • Bezeichnung Internetauftritt enthalten?

3. Bilder
Alternativtexte vorhanden, die das Bild bzw. Ziel eines verlinkten Bilds beschreiben (<img>-Element: alt-Attribut)?

4. Audios
Transkription vorhanden?

5. Videos
Untertitel (inklusive wichtiger Hintergrundgeräusche) und Audiodeskription vorhanden?

6. Kontraste
Ausreichend gewählt? (in der Regel 4,5:1, Prüfung z. B. mit Colour Contrast Analyser)

7. Tastaturbedienbarkeit interaktive Elemente
mit Tabulator-Taste und ggf. Pfeiltasten erreichbar / bedienbar? (passendes HTML-Element verwenden)

8. Fokus interaktive Elemente
Mit Maus und Tabulator-Taste immer gut sichtbar, wo man sich befindet?
z. B. color / background-color oder outline für :hover/:focus (CSS)

9. Eingabefelder

  • Gut sichtbare und aussagekräftige Beschriftung (z. B. <label>-Element)?
  • Beschriftung mit zugehörigem Feld verknüpft (z. B. for-Attribut)?
  • Nutzerdatenfeld: autocomplete-Attribut (z. B. autocomplete="family-name" für Familienname) verwendet?

10. Fehlermeldungen in Formularen

  • Hilfreich (aussagekräftig)?
  • Leicht auffindbar (z. B. als Teil des Labels oder vor dem Formular)?

11. Vergrößerung - 200% Zoom (Strg+Plus) / kleine Smartphones:
alles lesbar/bedienbar ohne zeilenweises Hin- und Herscrollen?

1. Maschinenlesbare Inhalte
Liegen sämtliche Text-Inhalte in maschinenlesbarer Form vor (d. h. keine reine Bild-PDF, wie bei eingescannten Dokumenten)?

2. Semantik

  • Enthält das PDF-Dokument Strukturinformationen (Tags)?
  • Sind die Inhalte semantisch korrekt strukturiert? Beispiele:
    • <H1> bis <H6>: Überschriften
    • <P>: Absätze
    • <L>: Listen
    • <TOC>: Inhaltsverzeichnisse
    • <Figure>: Abbildungen
    • <Caption>: Bildunterschriften
    • <Blockquote>: Zitate
    • <Link>: Verknüpfung
  • Liegen die strukturierten Inhalte in einer logischen Lesereihenfolge im Tagbaum vor?

3. Dokumenttitel
Ist der Titel des Dokumentes eindeutig und aussagekräftig angegeben?

4. Sicherheitseinstellungen
Erlauben die Sicherheitseinstellungen den Zugriff durch assistive Technologien?

5. Sprache

  • Ist die Dokumentsprache korrekt angegeben?
  • Sind anderssprachige Abschnitte korrekt gekennzeichnet?

6. Bilder
Besitzen informative Abbildungen eine alternative Beschreibung, die den Zweck der Abbildung erfüllt?

7. Farben und Kontraste

  • Ist der Kontrast zwischen Schrift- und Hintergrundfarbe ausreichend gewählt (i. d. R. 4,5:1)?
  • Ist das Dokument auch ohne Farbe nutzbar?

8. Tastaturbedienbarkeit

  • Können alle interaktiven Elemente (z. B. Links, Formularfelder oder Schaltflächen) mit der Tabulator-, der Eingabe- und ggf. den Pfeiltasten erreicht und bedient werden?
  • Können die interaktiven Elemente in einer schlüssigen Tab-Reihenfolge angesteuert werden?

9. Eingabefelder

  • Besitzen sämtliche Eingabefelder eine gut sichtbare und aussagekräftige Beschriftung?
  • Besitzen alle Eingabefelder eine alternative Beschreibung (z. B. Quickinfo)?

1. Dokumentenvorlage
Wurde die aktuelle Dokumentenvorlage verwendet?

2. Metadaten
Wurden Angaben zu Autor und Titel korrekt hinterlegt?

3. Formatvorlagen
Wurden die korrekten Formatvorlagen verwendet?

4. Hyperlinks
Sind Web-Adressen, E-Mail-Adressen etc. aktiviert?

5. Abbildungen
Wurden alternative Beschreibungen für Abbildungen hinterlegt?

6. Farbe und Kontrast

  • Ist das Dokument auch ohne Farbe nutzbar?
  • Ist der Kontrast ausreichend?

TIPP: Zum schnellen Überprüfen kann man das Dokument auf einen Schwarz-Weiß-Drucker ausgeben.

7. Schrift

  • Wurden gut lesbare Schriften verwendet?
  • Wurde die Schriftart der Dokumentvorlage verwendet?

8. Sprache
Wurden die Dokumentensprache und die Sprachwechsel gekennzeichnet?