33 Punkte aus WCAG 2.2 und dem BFSG, strukturiert nach den vier Prinzipien Wahrnehmbar, Bedienbar, Verständlich, Robust. Jeder Punkt mit Erklärung und Sofort-Tipp zur Umsetzung.
22
Stufe A
11
Stufe AA
4
Prinzipien
33
Gesamt
Inhalte müssen über mindestens einen Sinneskanal wahrnehmbar sein. Wer nicht sieht, hört. Wer nicht hört, liest.
Alt-Texte für informative Bilder
Jedes Bild mit Information braucht eine Textalternative.
Untertitel für Videos
Vorab produzierte Videos brauchen Untertitel.
Audiodeskription oder Transkript
Für rein visuelle Information im Video.
Semantische HTML-Struktur
Heading-Hierarchie, Listen, Tabellen mit korrekten Tags.
Sinnvolle Lesereihenfolge
DOM-Reihenfolge muss der visuellen Reihenfolge entsprechen.
Farbe nicht als einziges Mittel
Rot allein darf keinen Fehler markieren.
Kontrast mindestens 4,5:1 für Fließtext
Standardtext muss 4,5:1, großer Text 3:1 erreichen.
Text bis 200 Prozent vergrößerbar
Layout darf nicht brechen, wenn Nutzer die Schrift hochzoomen.
Reflow bei 320px Viewport
Bei 320px Breite kein horizontales Scrollen.
Kontrast für UI-Komponenten
Buttons, Inputs, Fokus-Indikatoren brauchen 3:1.
Alle Funktionen müssen per Tastatur und assistiver Technologie nutzbar sein. Niemand braucht eine Maus.
Tastatur-Zugänglichkeit
Jede Funktion per Tab, Enter, Pfeiltasten erreichbar.
Keine Tastatur-Fallen
Tastaturnutzer dürfen nicht in Widgets festhängen.
Tastaturkürzel deaktivierbar
Wenn Single-Key-Shortcuts (z.B. nur 'S' für Suche), muss Nutzer abschalten können.
Zeitlimits verlängerbar
Nutzer muss Session-Timeouts verlängern können.
Bewegung pausierbar
Karussells, Animationen müssen anhaltbar sein.
Skip-Link zum Hauptinhalt
Tastaturnutzer überspringen damit Header und Navigation.
Aussagekräftiger Seitentitel
Jede Seite mit eindeutigem <title>.
Logische Fokus-Reihenfolge
Tab springt der visuellen Reihenfolge.
Aussagekräftige Linktexte
Linkziel muss aus dem Text erkennbar sein.
Aussagekräftige Überschriften und Labels
Jede Überschrift beschreibt das Folgende klar.
Sichtbarer Fokus-Indikator
Aktuelles Element muss visuell markiert sein.
Fokus nicht verdeckt (WCAG 2.2 neu)
Sticky Header dürfen fokussiertes Element nicht überlagern.
Drag-Aktionen mit Alternative (WCAG 2.2 neu)
Slider, Sortier-Listen brauchen Tastatur-Alternative.
Klickflächen mindestens 24x24 CSS-Pixel (WCAG 2.2 neu)
Touch-Targets unter 24px sind zu klein.
Inhalte, Sprache und Interaktion müssen klar und vorhersehbar sein.
Sprache der Seite deklariert
Im <html>-Tag muss lang="de" stehen.
Keine Kontext-Änderung beim Fokus
Tab auf ein Element darf keine neue Seite öffnen.
Keine Kontext-Änderung bei Eingabe
Tippen in ein Feld darf keine Form absenden.
Fehler im Formular werden beschrieben
Fehlerhafte Felder erkennbar und benannt.
Labels oder Anweisungen für Eingaben
Jedes Input mit sichtbarem Label.
Keine redundante Eingabe (WCAG 2.2 neu)
Bereits eingegebene Daten nicht erneut abfragen.
Zugängliche Authentifizierung (WCAG 2.2 neu)
Login darf keine kognitiven Funktionstests verlangen.
Inhalte müssen mit aktuellen und zukünftigen Technologien funktionieren.
Name, Rolle, Wert für jedes UI-Element
Custom-Komponenten brauchen ARIA wenn nicht nativ.
Status-Meldungen für Screenreader
Erfolg- oder Fehler-Meldungen müssen angekündigt werden.
Unser Tool scannt Ihre URL gegen über 20 dieser Kriterien automatisch. Sie bekommen einen Score plus konkrete Befunde mit Lösungsvorschlag.
Zum Check-ToolWas Sie als Nächstes tun können