Barrierefreie Website Checkliste – Alles, was geprüft werden muss

Robert Wolf – Zuletzt Aktualisiert: 06. Juni 2025
Allgemeine Lesedauer: 20 min.

Eine barrierefreie Website-Checkliste hilft, digitale Barrieren systematisch zu erkennen und zu beseitigen – von Alt-Texten über Kontraste bis zur Tastaturbedienung.

Warum eine Barrierefreiheits-Checkliste so wichtig ist

Kurzüberblick

• Viele Barrieren sind unsichtbar – bis man selbst betroffen ist
• Barrierefreiheit ist gesetzlich verpflichtend (BITV, WCAG, EAA)
• Eine strukturierte Checkliste hilft, Fehler zu vermeiden
• Sie unterstützt Projektleitung, Redaktion & Technik gleichzeitig
• Verpasste Barrierefreiheit kann rechtlich, technisch und kommunikativ teuer werden

Die meisten Websites sind nicht barrierefrei, oft ohne es zu wissen. Laut dem aktuellen WebAIM Million Report (2025) erfüllen nur 5,2 % der Startseiten weltweit vollständig die Anforderungen der Web Content Accessibility Guidelines (WCAG). Das bedeutet: Viele Seiten schließen Menschen mit Behinderungen aus. Ungewollt, aber wirksam.

Dabei sind digitale Barrieren nicht immer sichtbar. Wer mit der Maus navigiert, sieht nicht, dass Buttons ohne Tastaturfokus unerreichbar sind. Wer gut sieht, merkt nicht, dass Schriftgrößen zu klein oder Kontraste zu schwach sind. Und wer gut hört, wird nie erfahren, dass ein Video ohne Untertitel unverständlich bleibt.

Eine strukturierte Checkliste für Barrierefreiheit hilft, diese Hürden systematisch zu erkennen und zu beseitigen. Sie gibt Orientierung bei neuen Webprojekten, beim Relaunch oder bei der Prüfung bestehender Inhalte.

Gesetzliche Verpflichtung trifft Nutzerfreundlichkeit

Spätestens ab dem 28. Juni 2025 wird Barrierefreiheit gesetzlich verpflichtend. Auch für viele Unternehmen im privaten Sektor (Stichwort: Barrierefreiheitsstärkungsgesetz, EAA).
Für Behörden und öffentliche Stellen gilt sie bereits seit Jahren (BITV 2.0 in Deutschland, WZG in Österreich, BehiG in der Schweiz).

Doch selbst wenn keine Pflicht besteht: Eine barrierefreie Website verbessert die Nutzbarkeit für alle und hat positive Effekte auf SEO, Conversion und Vertrauen.

„Digitale Barrierefreiheit ist für 10 % der Bevölkerung unerlässlich, für mindestens 20 % notwendig – und für 100 % hilfreich.“
– Bundesfachstelle Barrierefreiheit, 2023

Expertentipp

Viele Teams übersehen Barrierefreiheit, weil sie denken: „Dafür ist die Technik zuständig.“
Die Wahrheit ist: Texte, Bilder, Farben, Navigation, alles zählt. Eine gute Checkliste hilft, alle Beteiligten ins Boot zu holen, ohne Barrieren im Kopf.

Die große Barrierefreiheits-Checkliste zum Abhaken

Kurzüberblick

• Die Checkliste umfasst Inhalte, Struktur, Technik, Design und Medien
• Sie orientiert sich an den WCAG 2.1, BITV 2.0 und gängiger Praxis
• Sie kann für neue Websites, Relaunches oder Audits genutzt werden
• Ideal für Projektleitung, Redaktion, Entwicklung & UX

Barrierefreiheit ist kein Nebenaspekt, sondern ein Qualitätsmerkmal moderner Websites. Diese Checkliste hilft Dir, Schritt für Schritt zu prüfen, ob Deine Website die zentralen Anforderungen an digitale Zugänglichkeit erfüllt, unabhängig davon, ob Sie Entwickler, Redakteur oder Projektverantwortlicher sind.

Die Liste ist nach Themenbereichen gegliedert, deckt redaktionelle, gestalterische und technische Aspekte ab und basiert auf den WCAG 2.1 und der BITV 2.0.

Checkliste nach Themenbereichen

1. Struktur & Semantik

Tipp: Nutze semantisches HTML statt visuelle Tricks. Screenreader & Tastatur-Nutzer danken es Dir.

2. Inhalte & Texte

Hinweis: Alt-Texte beschreiben den Informationsgehalt, nicht das Aussehen.

3. Design & Darstellung

Empfohlenes Tool: WebAIM Contrast Checker
https://webaim.org/resources/contrastchecker

4. Technik & Bedienbarkeit

Tastaturtest: Mit Tab durch die Seite springen und testen, ob alles erreichbar ist.

5. Medien & Dateien

Achte besonders auf externe Medien, z. B. eingebettete PDF-Formulare.

Expertentipp

Verwende diese Checkliste nicht einmalig, sondern regelmäßig.
Nach Updates, bei neuem Content oder vor Livegängen lohnt sich ein kurzer Durchlauf. Accessibility ist keine einmalige Aufgabe, sondern ein fortlaufender Prozess.

Wie Sie die Checkliste in der Praxis anwenden

Kurzüberblick

• Die Checkliste ist als Werkzeug für alle Projektphasen einsetzbar
• Wichtig ist die klare Zuständigkeit im Team – Inhalte vs. Technik
• Prüfungen sollten regelmäßig stattfinden, nicht nur einmalig
• Auch bestehende Seiten lassen sich mit der Liste einfach bewerten
• Eine pragmatische Anwendung spart Zeit, Geld und Frust

Eine Checkliste ist nur dann wirksam, wenn sie konkret angewendet wird. Und genau hier liegt der Unterschied zwischen einem gut gemeinten PDF und einem echten Werkzeug im Alltag.

Denn Barrierefreiheit betrifft nicht nur den Relaunch oder gesetzliche Fristen. Sie gehört in alle Prozesse digitaler Kommunikation: Vom ersten Content-Entwurf bis zur Live-Schaltung.

Wann sollte man die Checkliste verwenden?

Die Checkliste eignet sich für mehrere Phasen:

Tipp: Integriere die Checkliste in bestehende Freigabe- oder Testprozesse. Z. B. als Prüfpunkt bei der QA.

Wer im Team prüft was?

Barrierefreiheit ist Teamarbeit mit klaren Aufgaben:

Tipp: Eine Person sollte die Anwendung koordinieren, aber nicht allein durchführen.

Zusammenfassung & Umsetzungstipp

Barrierefreiheit ist kein einmaliger Aufwand, sondern Teil eines professionellen Workflows.
Die Checkliste hilft, strukturiert zu arbeiten und vor allem: Nichts zu vergessen.
Auch wenn nicht alle Punkte sofort umsetzbar sind, gilt: Jeder Schritt zählt.

Tools und Vorlagen zur Barrierefreiheitsprüfung

Kurzüberblick

• Automatisierte Tools erkennen viele technische Mängel sofort
• Manuelle Tests sind unverzichtbar, um echte Nutzung zu simulieren
• Es gibt kostenlose, browserbasierte und offizielle Prüfwerkzeuge
• Screenreader, Tastatur und Zoom sollten regelmäßig getestet werden
• Gute Vorlagen helfen bei Schulung, Audit oder Dokumentation

Selbst mit einer Checkliste ist es schwer, jede Barriere auf Anhieb zu erkennen, vor allem ohne Hilfsmittel. Deshalb unterstützen Tools und Vorlagen den Prüfprozess: Sie helfen, Schwächen aufzudecken, zu dokumentieren und zu verbessern.

Wichtig: Keine Software erkennt alles. Nur die Kombination aus Tool + menschlichem Blick ergibt ein realistisches Bild.

Automatisierte Tools im Überblick

Diese Werkzeuge prüfen gängige WCAG- oder BITV-Kriterien, direkt im Browser oder via Report:

Hinweis: Automatisierte Tools finden ca. 30–40 % der potenziellen Barrieren (Quelle: marcus-herrmann.com).

Manuelle Prüfmethoden: Unverzichtbar im Alltag

Empfohlener Screenreader für Einsteiger: NVDA (Windows, kostenlos)

Vorlagen & Dokumentation

Barrierefreiheit wird oft geprüft, aber nicht festgehalten. Das führt zu Doppelarbeit und Unsicherheit. Deshalb lohnen sich:

• Protokoll-Vorlagen für Testszenarien (z. B. Fokusprüfung, Tastaturnavigation)
• Schulungsunterlagen für Teams (z. B. „Was ist ein Alt-Text?“)
• Konformitätslisten zur Vorbereitung auf gesetzliche Anforderungen

Hinweis: Viele Leitfäden finden Sie z. B. bei REHADAT, Aktion Mensch oder in den WCAG-Quick-References.

Expertentipp

Testen Sie regelmäßig, nicht nur beim Relaunch.
Automatisierte Tests können Sie mit jedem Website-Update kombinieren. Manuelle Prüfungen 1–2x jährlich sichern die Qualität langfristig.

Häufige Fehler und wie Sie sie vermeiden

Kurzüberblick

• Viele Barrieren entstehen nicht aus Absicht, sondern aus Unwissen
• Häufige Probleme: fehlende Alt-Texte, Tastaturfallen, Kontrastmängel
• Auch moderne Websites sind oft nur scheinbar barrierefrei
• Frühe Tests verhindern teure Nachbesserungen
• Mit Checkliste & Tools lassen sich diese Fehler leicht beheben

Barrierefreiheit ist kein Hexenwerk aber sie wird oft übersehen, weil viele Fehler nicht sofort auffallen.
Sie entstehen nicht durch bösen Willen, sondern durch Zeitdruck, Unklarheit oder falsche Annahmen.

Dabei lassen sich die meisten dieser Schwachstellen mit wenig Aufwand korrigieren, wenn man weiß, worauf man achten muss.

Die 6 häufigsten Barrieren auf Websites

Tipp: Diese Punkte lassen sich auch ohne tiefes Technik-Wissen prüfen. Z. B. mit Tastatur oder Browser-Plugins.

Besonders kritisch: „Formell barrierefrei“ vs. „praktisch nutzbar“

Viele Seiten sind formal barrierefrei, bestehen also technische WCAG-Tests, aber sie sind trotzdem schwer benutzbar.
Typische Beispiele:

• Die Fokusreihenfolge ist technisch korrekt aber unlogisch
• Der Button ist per Tastatur erreichbar aber nicht als solcher erkennbar
• Alt-Texte sind vorhanden aber nicht hilfreich („Bild1.jpg“)

Barrierefreiheit bedeutet: Zugänglichkeit mit Sinn und Verstand. Technik ist die Basis aber Usability entscheidet.

Expertentipp

Lassen Sie jemanden außerhalb Ihres Teams testen.
Externe Tester oder Personen mit Einschränkungen entdecken oft in Minuten, was intern seit Monaten übersehen wird. Ein einfacher Tabulatortest oder ein Blick durch den Screenreader genügt.

Fazit & PDF-Checkliste zum Download

Kurzüberblick

• Barrierefreiheit ist keine Option, sondern eine digitale Verantwortung
• Eine Checkliste hilft, strukturiert zu prüfen auch ohne Vorkenntnisse
• Kleine Maßnahmen können große Wirkung entfalten
• Wer rechtzeitig handelt, spart Kosten und stärkt Vertrauen

Digitale Barrierefreiheit betrifft uns alle. Nicht nur als gesetzliche Vorgabe, sondern als Frage der Gleichberechtigung und Qualität. Eine barrierefreie Website schließt niemanden aus, sondern macht Inhalte für alle nutzbar. Ob mit Screenreader, Tastatur, Smartphone oder Sehschwäche.

Der Ratgeber hat gezeigt: Barrierefreiheit ist umsetzbar, auch ohne Spezialwissen. Mit der richtigen Checkliste und etwas Routine wird sie Teil des Arbeitsalltags.

Wichtig: Sie müssen nicht alles sofort perfekt machen. Aber wenn Sie heute beginnen, werden Sie Schritt für Schritt besser und machen Ihre Website zukunftsfähig.

Abschlussgedanke

„Barrierefreiheit bedeutet nicht: mehr Aufwand.
Sie bedeutet: mehr Menschen können deine Inhalte erreichen.“
Frei nach Prinzipien der inklusiven Gestaltung

FAQ