Barrierefreiheit-Checkliste: 15 Punkte die Sie selbst prüfen können

0 von 15 Punkten geprüft

Inhalte und Texte

Seitentitel Jede Seite hat einen eigenen, aussagekräftigen Titel im Browser-Tab. Nicht überall denselben Titel. Überschriften-Struktur Es gibt genau eine H1-Überschrift pro Seite. Darunter H2, H3 usw. in logischer Reihenfolge - keine Ebene übersprungen. Verständliche Sprache Texte sind klar formuliert, Absätze kurz, Fachbegriffe erklärt. Die Sprache der Seite ist im HTML-Code angegeben (lang="de").

Bilder und Medien

Alt-Texte bei Bildern Jedes informative Bild hat einen Alt-Text, der beschreibt was zu sehen ist. Reine Deko-Bilder haben einen leeren Alt-Text (alt=""). Mehr dazu: Alt-Texte richtig schreiben. Videos mit Untertiteln Alle Videos haben Untertitel. Audioinhalte haben eine schriftliche Zusammenfassung oder ein Transkript.

Farben und Kontraste

Textkontrast ausreichend Text ist gut lesbar: kein hellgrau auf weiß, kein dunkelgrau auf schwarz. Kontrastverhältnis mindestens 4.5:1. Prüfen Sie mit dem Kontrast-Checker. Information nicht nur über Farbe Fehlermeldungen, Pflichtfelder oder Links sind nicht nur durch Farbe gekennzeichnet, sondern zusätzlich durch Symbole, Unterstreichung oder Text.

Navigation und Orientierung

Konsistente Navigation Das Hauptmenü ist auf allen Seiten gleich aufgebaut - gleiche Reihenfolge, gleiche Bezeichnungen, gleiche Position. Verständliche Links Linktexte erklären, wohin der Link führt. Kein "hier klicken" oder "mehr". Gut: "Zur Barrierefreiheits-Checkliste".

Tastaturbedienung

Alles per Tastatur erreichbar Drücken Sie Tab: Können Sie alle Links, Buttons und Formularfelder erreichen? Können Sie alles mit Enter aktivieren? Kommen Sie überall wieder heraus? Fokus sichtbar Beim Tabben durch die Seite sehen Sie immer, welches Element gerade ausgewählt ist. Es gibt einen deutlich sichtbaren Rahmen oder Hintergrund. Fokus nicht verdeckt Kein Cookie-Banner, Chat-Widget oder Sticky-Header verdeckt das gerade fokussierte Element komplett.

Formulare

Felder beschriftet Jedes Eingabefeld hat eine sichtbare Beschriftung direkt daneben. Pflichtfelder sind klar gekennzeichnet. Fehlermeldungen verständlich Bei Eingabefehlern steht konkret, was falsch ist und wie man es korrigiert. Nicht nur "Fehler" in Rot.

Zoom und Darstellung

200% Zoom funktioniert Vergrößern Sie die Seite auf 200% (Strg/Cmd und +). Bleibt alles nutzbar? Kein horizontales Scrollen nötig? Keine Überlappungen?

Weniger als 12 Punkte bestanden?

Wir helfen Ihnen, Ihre Website barrierefrei zu machen.

KOSTENLOS BERATEN LASSEN

Hinweis: Diese Checkliste deckt die wichtigsten Prüfpunkte ab, ist aber kein vollständiger WCAG-Audit. Für eine umfassende Prüfung nach WCAG 2.2 AA empfehlen wir einen professionellen Accessibility-Audit.

Barrierefreiheit-Checkliste: 15 Punkte zum Prüfen