Checklisten für jede Rolle im Team.

• Textfarben haben mindestens 4,5:1 Kontrast zum Hintergrund, große Schrift mindestens 3:1. 1.4.3 Kontrast (Minimum)
• Rahmen von Eingabefeldern, Symbole und Fokusrahmen haben mindestens 3:1 Kontrast. 1.4.11 Nicht-Text-Kontrast
• Farbe ist nie das einzige Merkmal: Links im Text sind unterstrichen, Fehler haben Text und Symbol. 1.4.1 Benutzung von Farbe
• Der Fokus ist deutlich sichtbar gestaltet, für jedes Bedienelement. 2.4.7 Fokus sichtbar
• Sticky Header und Cookie-Banner verdecken den fokussierten Bereich nie ganz. 2.4.11 Fokus nicht verdeckt (Minimum)
• Klickflächen sind mindestens 24 × 24 px groß oder haben genug Abstand. 2.5.8 Zielgröße (Minimum)
• Das Layout funktioniert bei 320 px Breite ohne seitliches Scrollen. 1.4.10 Umbruch (Reflow)
• Texte vertragen größere Zeilen-, Wort- und Buchstabenabstände, ohne abgeschnitten zu werden. 1.4.12 Textabstand
• Navigation und Hilfe-Links stehen auf allen Seiten an derselben Stelle. 3.2.3 Konsistente Navigation
• Jedes Formularfeld hat ein sichtbares Label, nicht nur einen Platzhalter. 3.3.2 Beschriftungen oder Anweisungen
• Für Ziehen-Gesten (Slider, Sortieren) gibt es eine Alternative mit einfachem Klick. 2.5.7 Ziehbewegungen
• Nichts blinkt öfter als dreimal pro Sekunde; Animationen lassen sich anhalten. 2.2.2 Pausieren, beenden, ausblenden

Checkliste drucken Häkchen dieser Liste löschen

• Jede Seite hat eine Sprache (lang) und einen eindeutigen Titel. 3.1.1 Sprache der Seite
• Überschriften, Listen, Tabellen und Landmarks sind echtes HTML, nicht nur gestaltet. 1.3.1 Info und Beziehungen
• Alles ist mit der Tastatur erreichbar und bedienbar, ohne Tastaturfalle. 2.1.1 Tastatur
• Die Tab-Reihenfolge folgt dem Sinn der Seite. 2.4.3 Fokus-Reihenfolge
• Ein Skip-Link führt direkt zum Inhalt. 2.4.1 Blöcke umgehen
• Eigene Bedienelemente haben Name, Rolle und Zustand (zum Beispiel aria-expanded). 4.1.2 Name, Rolle, Wert
• Felder für persönliche Daten haben passende autocomplete-Werte. 1.3.5 Eingabezweck bestimmen
• Fehlermeldungen stehen als Text am Feld und sind mit aria-describedby verbunden. 3.3.1 Fehlererkennung
• Statusmeldungen werden über eine Live-Region angesagt. 4.1.3 Statusmeldungen
• Der sichtbare Text eines Buttons ist auch Teil seines zugänglichen Namens. 2.5.3 Beschriftung im Namen
• Login erlaubt Einfügen und Passwort-Manager; kein Rätsel ohne Alternative. 3.3.8 Barrierefreie Authentifizierung (Minimum)
• Beim Fokussieren oder Ändern eines Felds passiert nichts Unerwartetes (kein Seitenwechsel). 3.2.2 Bei Eingabe
• Inhalte, die bei Hover erscheinen, lassen sich mit Esc schließen und bleiben beim Darüberfahren stehen. 1.4.13 Eingeblendete Inhalte bei Hover oder Fokus

Checkliste drucken Häkchen dieser Liste löschen

• Jedes informative Bild hat einen Alternativtext, der sagt, was es hier bedeutet. 1.1.1 Nicht-Text-Inhalt
• Dekorative Bilder sind als dekorativ markiert (leeres alt). 1.1.1 Nicht-Text-Inhalt
• Überschriften gliedern den Text sinnvoll, ohne Ebenen zu überspringen. 2.4.6 Überschriften und Beschriftungen
• Linktexte sagen, wohin sie führen. Kein „hier klicken“. 2.4.4 Linkzweck (im Kontext)
• Videos haben Untertitel, Audiodateien ein Transkript. 1.2.2 Untertitel (aufgezeichnet)
• Wo das Bild im Video Informationen trägt, gibt es eine Audiodeskription. 1.2.5 Audiodeskription (aufgezeichnet)
• Anweisungen verlassen sich nicht nur auf Farbe, Form oder Position. 1.3.3 Sensorische Eigenschaften
• Fremdsprachige Passagen sind mit ihrer Sprache ausgezeichnet. 3.1.2 Sprache von Teilen
• PDFs zum Download sind getaggt, mit Titel, Sprache und Lesereihenfolge. 1.3.1 Info und Beziehungen
• Text steht als echter Text, nicht als Bild. 1.4.5 Bilder eines Textes
• Tabellen haben Kopfzellen; Layout-Tabellen gibt es nicht. 1.3.1 Info und Beziehungen

Checkliste drucken Häkchen dieser Liste löschen

• Die Anforderung „WCAG 2.2 Stufe AA“ (mit Bezug zur EN 301 549) steht im Lastenheft.
• Anbieter legen einen Prüfbericht vor, der jedes Kriterium einzeln bewertet.
• Die Prüfung umfasst die wichtigsten Nutzerwege, nicht nur die Startseite.
• Es ist geregelt, wer Mängel behebt und bis wann.
• Eine Nachprüfung nach der Abnahme ist vereinbart.
• Fremdkomponenten (Chat, Buchung, Bezahlung, Cookie-Banner) sind in die Prüfung einbezogen.
• Redaktion und CMS ermöglichen Alternativtexte, Überschriften und Untertitel.
• Die Erklärung zur Barrierefreiheit ist Teil der Lieferung.
• Ein Overlay-Widget gilt nicht als Nachweis der Barrierefreiheit.
• Regelmäßige Kontrolle (Monitoring) nach dem Start ist eingeplant.

Checkliste drucken Häkchen dieser Liste löschen