Barrierefreiheit: Checkliste für Redakteure (WCAG Level A & AA)

Alle Bilder, Symbole, Diagramme brauchen aussagekräftige Alternativtexte („alt“-Texte) - außer diese sind rein dekorativer Natur ohne relevante Aussagekraft.

• Redakteure müssen beim Hochladen und Verwenden von Bildern passende Bildbeschreibungen einfügen.

Aufgezeichnete Videos benötigen optische Untertitel. Für Audiodateien und stumme Videos ein textbasiertes Transkript. Diese sollen mit dem akustischen Inhalt übereinstimmen.

• Redakteure müssen beim Hochladen und Verwenden von Videos passende Untertitel bzw. bei Audios Transkript-Text erstellen.

Struktur nicht durch optische Fettung, Leerzeichen, Zeilenumbrüche, sondern durch Verwendung von Absätzen, Listen, Überschriften. Überschriften müssen auch logisch hierarchisch gegliedert sein (H1 → H2 → H3).

• Echte Überschriften, Absätze, Listen nutzen, keine Umgehung durch Editor-Spielereien wie mehrere Leerzeichen, Leerzeilen oder fette Zeilen statt korrekter Überschriften.

Inhalte müssen in sinnvoller Lesereihenfolge erscheinen – z. B. keine Layout-Tricks, die die Logik der Inhalte stören.

• Redakteure haben hierauf meist keinen unmittelbaren Einfluss, wichtig ist diese Regel dennoch bei Layoutprüfungen vor Veröffentlichung.

Rechts unten können Vorlesefunktionen nicht finden, konkrete Beschreibungen dagegen schon.

→ Redakteure sollen für Verweise keine rein sensorischen Beschreibungen wie "unten" oder "grün" verwenden.

Texte müssen einen ausreichenden Farbkontrast zum Hintergrund haben (mind. 4.5:1 für normalen Text).

• Redakteure dürfen keine farbigen Texte auf bunten Hintergründen setzen, ohne vorher den Kontrast zu prüfen.

Jede Seite braucht einen klaren, sprechenden Seiten-Titel, z. B. „Checkliste für Redakteure zur Barrierefreiheit“.

• Wird meist automatisch generiert, sollte aber von Redakteuren für Suchmaschinen und Leser sowieso konkret optimiert und geprüft werden.

Linktexte müssen für sich verständlich sein – keine Links wie „mehr lesen“ oder „hier klicken“. Besser: „Den Prospekt XY als PDF herunterladen“.

• Linktexte sollen den Linkzweck klar beschreiben und optisch auch als Link klar erkennbar sein.

Verwende aussagekräftige Überschriften und Beschriftungen, die Nutzer Orientierung geben. Keine kryptischen Titel wie „Mehr Infos“ oder „Service“.

• Redakteure müssen Überschriften finden, die Inhalt oder Zweck konkret beschreiben wie „Öffnungszeiten und Eintrittspreise“.

Die Standardsprache jeder Seite muss korrekt angegeben sein (z. B. lang="de").

• Wird technisch eingestellt, aber Redakteure sollten keine Mischsprachen auf einer Seite ohne passende Angabe einbauen.

Wenn z. B. englische Zitate oder Begriffe verwendet werden, sollte das sprachlich markiert sein (lang="en").

• Redakteure sollten das im Editor oder Inhaltselement auswählen können, ansonsten muss das technisch implementiert werden.

Wiederkehrende Elemente (z. B. Buttons) sollten immer gleich benannt sein, wenn sie dieselbe Funktion haben.

• Nicht einmal „Anmelden“ und dann „Login“.

Formulareingabefehler müssen verständlich erklärt werden.

• Redakteure sollten bei Formularfeldern klare Hinweise und Labels verwenden.

Formularfelder brauchen sinnvolle Labels wie „Ihre E-Mail-Adresse“ statt nur „Eingabe“.

• Redakteure sollten bei Formularfeldern klare Labels und ggf. Platzhalter verwenden.