Checkliste Web-Editor:innen

Bei der ersten Nutzung dieser Checkliste empfiehlt es sich diese einmal von oben bis unten durchzuarbeiten. Denn jeder Punkt liefert weitere Hinweise und Hilfestellungen zum Thema. Folge den Links! Mit der Zeit, kann die Checkliste schnell durchgearbeitet werden: «Ja, habe ich. Ja, das auch. Ja, ja, ja.» So. (Direkt zur Checkliste ohne Zusatzinfos.)

Checkliste

1. Jede visuell hervorgehobene Überschrift, sprich jeder Titel, ist als Heading <hx> definiert und z. B. nicht nur in Fettschrift geschrieben. Die Abfolge der Titel (Headingstruktur) stimmt, d. h. unter einer Überschrift 1 folgt eine Überschrift 2, danach eine Überschrift 3 usw., wobei keine Überschriftsebenen übersprungen werden.
2. Absätze sind als Paragraphen <p> definiert. Es gibt keine leeren Paragraphen und keine leeren Zeilen durch Breaks <br>.
3. Alternativtext und textliche Beschreibung bei Bildern und Grafiken sind vorhanden. Kontraste sind bei Text wie bei Abbildungen ausreichend.
4. Links sind sprechend, sprich kontextunabhängig verständlich.
5. Jede Aufzählung ist als Liste definiert, entweder als nummerierte, oder als Strichpunktliste. Hierfür sind die entsprechenden Formatvorlagen zu verwenden.
6. Tabellen inklusive Überschriften von Spalten und Zeilen sind als solche definiert.
7. Audio-Inhalte verfügen über eine Textalternative.
8. Videos verfügen über Untertitel und, falls nötig, über eine Audiodeskription.
9. Text in anderen Sprachen (als Deutsch) ist als solcher definiert.
10. PDFs und weitere Inhalte/Medien sind barrierefrei.

Weiteres: auch zu überprüfen

• Einsatz von Farben: Informationen werden nicht ausschliesslich über Farben vermittelt
• Verständlichkeit: «So einfach wie möglich und so kompliziert wie notwendig.»
• Alles andere aus CI/CD (zB. «» und Gender-Doppelpunkt)
• Hervorhebung: Verwende zur Hervorhebung eher fett als kursiv. HfH verwendet eine serifenlose Schriftart und kursiver Text hebt sich nicht so stark ab wie in einer Serifenschrift. Weitere Informationen zu Hervorhebungen finden sich im Butterick’s Practical Typography guide on bold or italic (englisch).

Basiert auch auf die Checkliste für Redaktoren von Access for all.

Ultraschnelle Checkliste

Hilfsvideos

(nicht barrierefrei, provisorisch, CH-DT)

Video 1: Intro E-Accessibility Checkliste allgemein

Video 2:

Überprüfung einfacher Beispielseiten

Video 3: Überprüfung Alternativtext und nochmals Checkliste

Tabellenüberprüfung, ein Beispiel (Titel in Spalte)