WCAG 2.2 Checkliste
Systematische Prüfung der Web Content Accessibility Guidelines
0 von 86 Kriterien erfüllt (0%)
Zeigt den aktuellen Fortschritt bei der Erfüllung der WCAG 2.2 Kriterien an
0
Erfüllt
0
Level A
0
Level AA
0
Level AAA
Level A - Grundlegende Barrierefreiheit
0/30
1.1.1 Textalternativen
Füge Alt-Texte zu allen Bildern, Grafiken und anderen non-text Inhalten hinzu
Design
Redaktion
1.2.1 Audio- und Video-only
Stelle Transkripte für reine Audio-Inhalte und Audiobeschreibungen für reine Video-Inhalte bereit
Redaktion
1.2.2 Untertitel für Videos
Füge Untertitel zu allen vorproduzierten Videos mit Audio hinzu
Redaktion
1.2.3 Audiobeschreibung oder Medienalternative
Stelle Audiobeschreibungen oder vollständige Textalternativen für Videos bereit
Redaktion
1.3.1 Info und Beziehungen
Verwende semantische HTML-Elemente (Überschriften, Listen, Tabellen) korrekt
Entwicklung
1.3.2 Sinnvolle Reihenfolge
Sorge dafür, dass die Lesereihenfolge im Code der visuellen Reihenfolge entspricht
Entwicklung
1.3.3 Sensorische Eigenschaften
Verwende nicht nur Farbe, Form oder Position zur Informationsvermittlung
Design
Redaktion
1.4.1 Verwendung von Farbe
Nutze nicht ausschließlich Farbe zur Informationsvermittlung
Design
1.4.2 Audio-Kontrolle
Stelle Stopp- oder Pausenfunktionen für automatisch abspielende Audioinhalte bereit
Entwicklung
2.1.1 Tastatur
Stelle sicher, dass alle Funktionen per Tastatur bedienbar sind
Entwicklung
2.1.2 Keine Tastaturfalle
Verhindere, dass der Tastaturfokus in Elementen "gefangen" wird
Entwicklung
2.1.4 Tastatur-Kurzbefehle
Ermögliche das Abschalten oder Anpassen von Einzeltasten-Shortcuts
Entwicklung
2.2.1 Zeitbegrenzungen anpassbar
Ermögliche Nutzern das Ausschalten, Anpassen oder Verlängern von Zeitlimits
Entwicklung
2.2.2 Pausieren, Stoppen, Ausblenden
Biete Kontrollfunktionen für bewegte, blinkende oder automatisch aktualisierte Inhalte
Design
Entwicklung
2.3.1 Drei Blitze oder unter Schwellenwert
Vermeide Inhalte, die mehr als dreimal pro Sekunde blinken oder flackern
Design
2.4.1 Bereiche überspringbar
Implementiere Skip-Links oder Landmarks zum Überspringen wiederholender Inhalte
Entwicklung
2.4.2 Sinnvolle Seitentitel
Verwende aussagekräftige und eindeutige Seitentitel
Redaktion
2.4.3 Fokusreihenfolge
Sorge für eine logische und intuitive Reihenfolge der Tastaturbedienung
Entwicklung
2.4.4 Linkzweck im Kontext
Verwende aussagekräftige Linktexte, die das Ziel des Links beschreiben
Redaktion
2.5.1 Zeigergesten
Biete Alternativen zu komplexen Gesten wie Mehrfinger-Touch oder Pfad-basierten Bewegungen
Entwicklung
2.5.2 Zeiger-Abbruch
Aktiviere Funktionen beim Loslassen, nicht beim Drücken von Buttons/Links
Entwicklung
2.5.3 Label im Namen
Sorge dafür, dass der sichtbare Text in programmatischen Namen enthalten ist
Entwicklung
2.5.4 Bewegungsaktivierung
Biete Alternativen zu Gerätebewegungen (Schütteln, Neigen) für Funktionsaktivierung
Entwicklung
3.1.1 Sprache der Seite
Definiere die Hauptsprache der Seite im HTML-lang-Attribut
Entwicklung
3.2.1 Bei Fokus
Vermeide unerwartete Kontextänderungen beim Fokussieren von Elementen
Entwicklung
3.2.2 Bei Eingabe
Vermeide automatische Kontextänderungen bei Formularinteraktionen
Entwicklung
3.2.6 Konsistente Hilfe
Platziere Hilfsmechanismen an derselben Position auf allen Seiten
Entwicklung
Neu
3.3.1 Fehlererkennung
Identifiziere und beschreibe Eingabefehler automatisch in Textform
Entwicklung
3.3.2 Beschriftungen oder Anweisungen
Stelle Beschriftungen oder Anweisungen für alle Formularfelder bereit
Redaktion
3.3.7 Redundante Eingabe
Vermeide wiederholte Eingaben derselben Informationen in einem Prozess
Entwicklung
Neu
4.1.2 Name, Rolle, Wert
Stelle sicher, dass alle UI-Komponenten programmatisch zugängliche Namen, Rollen und Werte haben
Entwicklung
Level AA - Standard-Compliance
0/28
1.2.4 Untertitel (Live)
Stelle Untertitel für alle Live-Audio-Inhalte in synchronisierten Medien bereit
Redaktion
1.2.5 Audiobeschreibung
Füge Audiobeschreibungen zu allen vorproduzierten Videos hinzu
Redaktion
1.3.4 Ausrichtung
Sorge dafür, dass Inhalte in Portrait- und Landscape-Modus funktionieren
Design
Entwicklung
1.3.5 Eingabezweck identifizieren
Verwende autocomplete-Attribute für persönliche Daten in Formularen
Entwicklung
1.4.3 Kontrast (Minimum)
Stelle sicher, dass Text ein Kontrastverhältnis von mindestens 4,5:1 hat
Design
1.4.4 Text skalieren
Ermögliche Textskalierung bis 200% ohne Funktionsverlust
Design
Entwicklung
1.4.5 Textbilder
Verwende echten Text statt Textbilder, außer für Logos oder spezielle Formatierungen
Design
1.4.10 Umbruch
Stelle sicher, dass Inhalte bei 320px Breite ohne horizontales Scrollen lesbar sind
Design
Entwicklung
1.4.11 Kontrast für Nicht-Text
Stelle sicher, dass UI-Komponenten und Grafiken ein 3:1 Kontrastverhältnis haben
Design
1.4.12 Textabstände
Sorge dafür, dass Inhalte bei angepassten Textabständen funktionsfähig bleiben
Design
Entwicklung
1.4.13 Inhalte bei Hover oder Fokus
Mache Tooltips und ähnliche Inhalte abschaltbar, schwebefähig und dauerhaft
Design
Entwicklung
2.4.5 Mehrere Wege
Biete mehrere Navigationswege zu Seiten (Menü, Suche, Sitemap, etc.)
Entwicklung
2.4.6 Überschriften und Beschriftungen
Verwende aussagekräftige Überschriften und Beschriftungen
Redaktion
2.4.7 Fokus sichtbar
Stelle sicher, dass der Tastaturfokus immer sichtbar ist
Design
2.4.11 Fokus nicht verdeckt (Minimum)
Sorge dafür, dass fokussierte Elemente zumindest teilweise sichtbar bleiben
Design
Neu
2.5.7 Ziehbewegungen
Biete Alternativen zu Drag-and-Drop-Funktionalitäten
Entwicklung
Neu
2.5.8 Zielgröße (Minimum)
Gestalte interaktive Elemente mindestens 24x24 CSS-Pixel groß
Design
Neu
3.1.2 Sprache von Teilen
Markiere fremdsprachige Textpassagen mit dem entsprechenden lang-Attribut
Redaktion
Entwicklung
3.2.3 Konsistente Navigation
Verwende einheitliche Navigationsmenüs auf allen Seiten
Design
Entwicklung
3.2.4 Konsistente Identifikation
Verwende einheitliche Bezeichnungen für gleiche Funktionen auf verschiedenen Seiten
Design
Redaktion
3.3.3 Fehlervorschläge
Biete Korrekturvorschläge für erkannte Eingabefehler
Entwicklung
Redaktion
3.3.4 Fehlervermeidung
Implementiere Bestätigungs- oder Rückgängig-Funktionen für wichtige Transaktionen
Entwicklung
3.3.8 Zugängliche Authentifizierung (Minimum)
Vermeide kognitive Tests bei der Anmeldung oder biete Alternativen
Entwicklung
Neu
4.1.3 Statusmeldungen
Mache Statusmeldungen für Screenreader verfügbar (ARIA live regions)
Entwicklung
Level AAA - Erweiterte Barrierefreiheit
0/28
1.2.6 Gebärdensprache
Stelle Gebärdensprach-Interpretation für alle vorproduzierten Audio-Inhalte bereit
Redaktion
1.2.7 Erweiterte Audiobeschreibung
Pausiere Videos für ausführliche Audiobeschreibungen wenn nötig
Redaktion
1.2.8 Medienalternative
Stelle vollständige Textalternativen für alle vorproduzierten Videos bereit
Redaktion
1.2.9 Audio-only (Live)
Biete Live-Transkripte für reine Audio-Live-Streams
Redaktion
1.3.6 Zweck identifizieren
Mache den Zweck von UI-Komponenten, Icons und Regionen programmatisch verfügbar
Entwicklung
1.4.6 Kontrast (Erweitert)
Verwende ein Kontrastverhältnis von mindestens 7:1 für normalen Text
Design
1.4.7 Geringe oder keine Hintergrundgeräusche
Minimiere Hintergrundgeräusche in Audio-Aufnahmen oder biete Kontrollen
Redaktion
1.4.8 Visuelle Darstellung
Ermögliche Anpassungen von Zeilenhöhe, Absätzen, Farben und Breite
Design
Entwicklung
1.4.9 Textbilder (Keine Ausnahme)
Verwende ausschließlich echten Text, außer für reine Dekoration oder Logos
Design
2.1.3 Tastatur (Keine Ausnahme)
Stelle sicher, dass alle Funktionen ohne jede Ausnahme per Tastatur bedienbar sind
Entwicklung
2.2.3 Kein Timing
Entferne alle Zeitbeschränkungen außer für Live-Events
Entwicklung
2.2.4 Unterbrechungen
Ermögliche das Verschieben oder Unterdrücken von Unterbrechungen
Entwicklung
2.2.5 Neu-Authentifizierung
Ermögliche das Fortsetzen von Aktivitäten nach Session-Ablauf ohne Datenverlust
Entwicklung
2.2.6 Zeitüberschreitungen
Warne Nutzer vor Timeouts, die zu Datenverlust führen können
Entwicklung
2.3.2 Drei Blitze
Vermeide jegliche Inhalte, die mehr als dreimal pro Sekunde blinken
Design
2.3.3 Animation aus Interaktionen
Ermögliche das Abschalten von Bewegungsanimationen, die durch Interaktion ausgelöst werden
Design
Entwicklung
2.4.8 Standort
Zeige die aktuelle Position der Nutzer innerhalb der Website-Struktur
Entwicklung
2.4.9 Linkzweck (Nur Link)
Mache Linkzwecke allein aus dem Linktext heraus verständlich
Redaktion
2.4.10 Abschnittsüberschriften
Verwende Überschriften zur Gliederung von Inhalten
Redaktion
2.4.12 Fokus nicht verdeckt (Erweitert)
Sorge dafür, dass fokussierte Elemente vollständig sichtbar bleiben
Design
Neu
2.4.13 Fokusdarstellung
Verwende gut sichtbare Fokusindikatoren mit ausreichender Größe und Kontrast
Design
Neu
2.5.5 Zielgröße (Erweitert)
Gestalte interaktive Elemente mindestens 44x44 CSS-Pixel groß
Design
2.5.6 Gleichzeitige Eingabemechanismen
Beschränke nicht die Nutzung verschiedener Eingabemethoden gleichzeitig
Entwicklung
3.1.3 Ungewöhnliche Wörter
Erkläre Fachbegriffe, Idiome und Jargon
Redaktion
3.1.4 Abkürzungen
Erkläre Abkürzungen und Akronyme beim ersten Auftreten
Redaktion
3.1.5 Lesestufe
Verwende einfache Sprache oder biete vereinfachte Versionen für komplexe Texte
Redaktion
3.1.6 Aussprache
Gib Aussprachehilfen für mehrdeutige Wörter
Redaktion
3.2.5 Änderung auf Anfrage
Führe Kontextänderungen nur auf ausdrückliche Nutzeranfrage durch
Entwicklung
3.3.5 Hilfe
Biete kontextsensitive Hilfe für Formulare und komplexe Funktionen
Redaktion
3.3.6 Fehlervermeidung (Alle)
Implementiere Bestätigungs- oder Rückgängig-Funktionen für alle Datenübermittlungen
Entwicklung
3.3.9 Zugängliche Authentifizierung (Erweitert)
Vermeide alle kognitiven Tests bei der Anmeldung außer Objekterkennung
Entwicklung
Neu