WCAG 2.1 & 2.2 ChecklisteAlle Level AA Kriterien erfüllt

Vollständige WCAG Checkliste für barrierefreie Websites - AFE Toolbar erfüllt automatisch 43 von 50 WCAG 2.1 Level AA Kriterien

Diese WCAG 2.1 Checkliste zeigt alle Web Content Accessibility Guidelines Kriterien für Level A, AA und AAA. Die AFE Accessibility Toolbar erfüllt automatisch alle automatisierbaren WCAG 2.1 Level AA Kriterien und unterstützt Sie dabei, Ihre Website BFSG-konform zu machen.

Nutzen Sie unsere Checkliste für barrierefreie Websites, um zu prüfen, welche Kriterien die Toolbar automatisch erfüllt und welche manuellen Anpassungen noch erforderlich sind. Mit von automatisch erfüllten WCAG 2.1 Level AA Kriterien erreichen Sie eine Barrierefreiheits-Konformität von 86%.

WCAG 2.1 Level AA Konformität

Vollständige Übersicht

Alle implementierten WCAG 2.0 + 2.1 Level AA Kriterien im Überblick. WCAG 2.2 und AAA Kriterien sind ebenfalls enthalten, fließen aber nicht in die Bewertung ein.

50WCAG 2.1 Level A+AA Kriterien
43Implementiert
86%WCAG 2.1 AA Konformität

WCAG Kriterien Übersicht

Detaillierte Auflistung aller WCAG 2.0, 2.1 und 2.2 Kriterien. Die Konformitätsbewertung basiert auf WCAG 2.1 Level AA (WCAG 2.0 + 2.1 A+AA Kriterien).

Zeige 87 von 87 Kriterien
WCAG 2.1 Level AA Konformität basiert auf 50 Kriterien (WCAG 2.0 + 2.1, Level A + AA)
GuidelineLevelVersionFeatureBeschreibungStatus
1.1.1Non-text ContentA2.0Image Enhancements - AuditAlle Nicht-Text-Inhalte haben Textalternativen. Unser System findet ALLE Bilder ohne Alt-Tags.Implementiert
1.2.1Audio-only and Video-only (Prerecorded)A2.0Media Accessibility SupportFür aufgezeichnete reine Audio- und Video-Inhalte werden Alternativen bereitgestellt.Geplant
1.2.2Captions (Prerecorded)A2.0Live CaptionsUntertitel werden für alle aufgezeichneten Audio-Inhalte in synchronisierten Medien bereitgestellt.Implementiert
1.2.3Audio Description or Media Alternative (Prerecorded)A2.0Media Accessibility SupportEine Alternative für zeitbasierte Medien oder eine Audiodeskription für aufgezeichnete Video-Inhalte.Geplant
1.3.1Info and RelationshipsA2.0Structure Enhancement, ARIA EnhancementsInformationen, Struktur und Beziehungen können programmatisch bestimmt werden.Implementiert
1.3.2Meaningful SequenceA2.0Individual Adjustments, ARIA EnhancementsWenn die Reihenfolge, in der Inhalte präsentiert werden, sich auf deren Bedeutung auswirkt, kann die korrekte Lesereihenfolge programmatisch bestimmt werden.Implementiert
1.3.3Sensory CharacteristicsA2.0ARIA EnhancementsAnweisungen verlassen sich nicht ausschließlich auf sensorische Eigenschaften wie Form, Farbe, Größe.Implementiert
1.4.1Use of ColorA2.0Color SettingsFarbe wird nicht als einziges visuelles Mittel verwendet, um Informationen zu vermitteln.Implementiert
1.4.2Audio ControlA2.0Mute SoundMechanismus zum Anhalten oder Stoppen von Audio, das automatisch länger als 3 Sekunden abgespielt wird.Implementiert
2.1.1KeyboardA2.0Enhanced Keyboard NavigationAlle Funktionen sind über eine Tastaturschnittstelle bedienbar.Implementiert
2.1.2No Keyboard TrapA2.0Enhanced Keyboard NavigationDer Tastaturfokus kann von jeder fokussierbaren Komponente wieder wegbewegt werden.Implementiert
2.2.1Timing AdjustableA2.0Background Accessibility - Timing AdjustableZeitlimits können vom Nutzer abgeschaltet, angepasst oder verlängert werden.Implementiert
2.2.2Pause, Stop, HideA2.0Stop Animations, Mute SoundBewegende, blinkende, scrollende oder sich automatisch aktualisierende Informationen können pausiert, gestoppt oder verborgen werden.Implementiert
2.3.1Three Flashes or Below ThresholdA2.0Stop AnimationsWebseiten enthalten nichts, das mehr als dreimal in einer Sekunde blinkt.Implementiert
2.4.1Bypass BlocksA2.0Enhanced Keyboard Navigation, Skip LinksMechanismus verfügbar, um Inhaltsblöcke zu umgehen, die auf mehreren Webseiten wiederholt werden.Implementiert
2.4.2Page TitledA2.0ARIA EnhancementsWebseiten haben beschreibende Titel.Implementiert
2.4.3Focus OrderA2.0Focus ManagementFokussierbare Komponenten erhalten den Fokus in einer Reihenfolge, welche die Bedeutung beibehält.Implementiert
2.4.4Link Purpose (In Context)A2.0ARIA EnhancementsDer Zweck jedes Links kann durch den Link-Text oder zusammen mit dem Kontext bestimmt werden.Implementiert
3.1.1Language of PageA2.0Language DetectionDie voreingestellte menschliche Sprache jeder Webseite kann programmatisch bestimmt werden.Implementiert
3.2.1On FocusA2.0Focus ManagementWenn eine Komponente den Fokus erhält, löst dies keine Änderung des Kontextes aus.Implementiert
3.2.2On InputA2.0Form EnhancerDie Änderung der Einstellung einer UI-Komponente führt nicht automatisch zur Änderung des Kontextes.Implementiert
3.3.1Error IdentificationA2.0Form Enhancer - ValidationWenn ein Eingabefehler erkannt wird, wird das fehlerhafte Element identifiziert und in Textform beschrieben.Implementiert
3.3.2Labels or InstructionsA2.0Form Enhancer, ARIA EnhancementsLabels oder Anweisungen werden bereitgestellt, wenn der Inhalt eine Eingabe verlangt.Implementiert
4.1.1ParsingA2.0Code ValidationBei Inhalt mit Auszeichnungssprachen haben Elemente vollständige Start- und End-Tags. (Obsolet in WCAG 2.2)Deprecated
4.1.2Name, Role, ValueA2.0ARIA EnhancementsFür alle UI-Komponenten können Name und Rolle programmatisch bestimmt werden.Implementiert
1.2.4Captions (Live)AA2.0Live CaptionsUntertitel werden für alle Live-Audio-Inhalte in synchronisierten Medien bereitgestellt.Implementiert
1.2.5Audio Description (Prerecorded)AA2.0Media Accessibility SupportAudiodeskription wird für alle aufgezeichneten Video-Inhalte bereitgestellt.Geplant
1.4.3Contrast (Minimum)AA2.0High Contrast, Auto ContrastText hat ein Kontrastverhältnis von mindestens 4,5:1.Implementiert
1.4.4Resize textAA2.0Individual AdjustmentsText kann ohne unterstützende Technologie um bis zu 200% vergrößert werden.Implementiert
1.4.5Images of textAA2.0Background AccessibilityText wird anstelle von Textbildern verwendet, außer wenn unerlässlich. (automatische Erkennung mit Hinweisen in den Reports.)Teilweise
2.4.5Multiple WaysAA2.0Background Accessibility, ARIA EnhancementsEs gibt mehr als eine Art, eine Webseite innerhalb eines Satzes von Webseiten zu finden.Implementiert
2.4.6Headings and LabelsAA2.0Background Accessibility, ARIA EnhancementsÜberschriften und Labels beschreiben ein Thema oder einen Zweck.Implementiert
2.4.7Focus VisibleAA2.0Focus ManagementDer Tastaturfokus ist sichtbar.Implementiert
3.1.2Language of PartsAA2.0Language DetectionDie menschliche Sprache jedes Abschnitts oder Satzes kann programmatisch bestimmt werden.Implementiert
3.2.3Consistent NavigationAA2.0Background AccessibilityNavigationsmechanismen, die sich wiederholen, treten in der gleichen relativen Reihenfolge auf.Teilweise
3.2.4Consistent IdentificationAA2.0Background AccessibilityKomponenten mit gleicher Funktionalität werden konsistent erkannt.Teilweise
3.3.3Error SuggestionAA2.0Form Enhancer - Smart SuggestionsWenn ein Eingabefehler erkannt wird, werden Korrekturvorschläge bereitgestellt.Implementiert
3.3.4Error Prevention (Legal, Financial, Data)AA2.0Form Enhancer - Pre-Submit ReviewFür rechtliche/finanzielle Transaktionen: Rückgängig machen, Überprüfen oder Bestätigen möglich.Implementiert
1.2.6Sign Language (Prerecorded)AAA2.0-Gebärdensprachdolmetschung wird für alle aufgezeichneten Audio-Inhalte bereitgestellt.Geplant
1.2.7Extended Audio Description (Prerecorded)AAA2.0-Erweiterte Audiodeskription wird für alle aufgezeichneten Video-Inhalte bereitgestellt.Geplant
1.2.8Media Alternative (Prerecorded)AAA2.0-Eine Alternative für zeitbasierte Medien wird für alle aufgezeichneten synchronisierten Medien bereitgestellt.Geplant
1.2.9Audio-only (Live)AAA2.0-Eine Alternative für zeitbasierte Medien wird für Live-Audio-Inhalte bereitgestellt.Geplant
1.4.6Contrast (Enhanced)AAA2.0Auto ContrastText hat ein Kontrastverhältnis von mindestens 7:1.Implementiert
1.4.7Low or No Background AudioAAA2.0-Aufgezeichnete Nur-Audio-Inhalte haben minimale oder keine Hintergrundgeräusche.Geplant
1.4.8Visual PresentationAAA2.0Individual Adjustments, Color SettingsSpezielle Mechanismen für die visuelle Darstellung von Textblöcken.Implementiert
1.4.9Images of Text (No Exception)AAA2.0Background AccessibilityTextbilder werden nur zur rein dekorativen Verwendung verwendet.Teilweise
2.1.3Keyboard (No Exception)AAA2.0Enhanced Keyboard NavigationAlle Funktionen sind über eine Tastaturschnittstelle bedienbar ohne Ausnahmen.Implementiert
2.2.3No TimingAAA2.0Background AccessibilityTiming ist kein wesentlicher Teil von Ereignissen, außer bei Echtzeit-Ereignissen.Teilweise
2.2.4InterruptionsAAA2.0Background AccessibilityUnterbrechungen können vom Nutzer aufgeschoben oder unterdrückt werden.Implementiert
2.2.5Re-authenticatingAAA2.0Form EnhancerBei erneuter Authentifizierung gehen keine Daten verloren.Implementiert
2.3.2Three FlashesAAA2.0Stop AnimationsWebseiten enthalten nichts, das mehr als dreimal in einer Sekunde blinkt.Implementiert
2.4.8LocationAAA2.0Breadcrumbs, ARIA EnhancementsInformationen über den Standort des Benutzers innerhalb eines Satzes von Webseiten sind verfügbar.Geplant
2.4.9Link Purpose (Link Only)AAA2.0ARIA EnhancementsDer Zweck jedes Links kann durch den Link-Text allein identifiziert werden.Implementiert
2.4.10Section HeadingsAAA2.0Structure EnhancementAbschnittsüberschriften werden benutzt, um den Inhalt zu gliedern.Implementiert
3.1.3Unusual wordsAAA2.0Tooltips, Context HelpMechanismus zum Identifizieren von Definitionen ungewöhnlich oder eingeschränkt verwendeter Wörter.Implementiert
3.1.4AbbreviationsAAA2.0TooltipsMechanismus zum Identifizieren der ausgeschriebenen Form oder Bedeutung von Abkürzungen.Implementiert
3.1.5Reading LevelAAA2.0Easy Language InterfaceErgänzender Inhalt oder Version mit niedrigerer Leseanforderung verfügbar. (Schnittstelle verfügbar.)Teilweise
3.1.6PronunciationAAA2.0-Mechanismus zur Identifizierung der Aussprache verfügbar, wenn Bedeutung mehrdeutig ist.Geplant
3.2.5Change on RequestAAA2.0Form EnhancerÄnderungen des Kontextes werden nur durch Benutzeranfrage ausgelöst.Implementiert
3.3.5HelpAAA2.0Tooltips, Context HelpKontextsensitive Hilfe ist verfügbar.Implementiert
3.3.6Error Prevention (All)AAA2.0Form Enhancer - Comprehensive ValidationFür Webseiten mit Benutzer-Eingaben: Rückgängig machen, Überprüfen oder Bestätigen möglich.Implementiert
2.1.4Character Key ShortcutsA2.1Background Accessibility - Shortcut ManagementShortcut Management - Verhindert Konflikte zwischen Website-Shortcuts und Hilfstechnologien.Implementiert
2.5.1Pointer GesturesA2.1Background AccessibilityAlle Mehrpunkt- oder pfadbasierten Gesten können mit einem einzigen Zeiger bedient werden.Implementiert
2.5.2Pointer CancellationA2.1Background AccessibilityFunktionen mit einem Zeiger: Kein Down-Event, Abbrechen/Rückgängig oder Up-Umkehrung möglich.Implementiert
2.5.3Label in NameA2.1ARIA Enhancements, Form EnhancerDer Name enthält den visuell angezeigten Text für UI-Komponenten mit Labels.Implementiert
2.5.4Motion ActuationA2.1Background AccessibilityFunktionen durch Gerätebewegung können auch durch UI-Komponenten bedient werden.Implementiert
1.3.4OrientationAA2.1Mobile Accessibility PresetInhalte sind nicht auf eine bestimmte Bildschirmausrichtung beschränkt.Implementiert
1.3.5Identify Input PurposeAA2.1Form Enhancer - Input PurposeDer Zweck von Eingabefeldern kann programmatisch bestimmt werden.Implementiert
1.4.10ReflowAA2.1Smart Presets - Mobile AccessibilityInhalte können ohne zweidimensionales Scrollen präsentiert werden (320px Breite).Implementiert
1.4.11Non-text ContrastAA2.1Color Settings, Auto ContrastUI-Komponenten und grafische Objekte haben ein Kontrastverhältnis von mindestens 3:1.Implementiert
1.4.12Text SpacingAA2.1Individual AdjustmentsKein Verlust von Inhalt/Funktion bei angepassten Textabständen.Implementiert
1.4.13Content on Hover or FocusAA2.1Background Accessibility - Content on hoverZusätzliche Inhalte durch Hover/Fokus müssen schließbar, schwebbar und beständig sein.Implementiert
4.1.3Status MessagesAA2.1Screen Reader Support, ARIA Live RegionsStatusmeldungen können durch assistive Technologien bestimmt werden, ohne Fokus zu erhalten.Implementiert
1.3.6Identify PurposeAAA2.1ARIA EnhancementsDer Zweck von UI-Komponenten, Symbolen und Regionen kann programmatisch bestimmt werden.Implementiert
2.2.6TimeoutsAAA2.1Background AccessibilityNutzer werden vor Datenverlust durch Inaktivität gewarnt, außer Daten bleiben länger als 20h erhalten.Teilweise
2.3.3Animation from InteractionsAAA2.1Stop AnimationsBewegungsanimationen durch Interaktionen können deaktiviert werden, sofern nicht essenziell.Implementiert
2.5.5Target Size (Enhanced)AAA2.1Basic Web AccessibilityDie Zielgröße für Zeigereingaben beträgt mindestens 44×44 CSS-Pixel.Implementiert
2.5.6Concurrent Input MechanismsAAA2.1Background AccessibilityWebinhalte schränken Eingabemodalitäten nicht ein, außer wenn unerlässlich.Geplant
3.2.6Consistent HelpA2.2Context HelpHilfemechanismen erscheinen in konsistenter Reihenfolge auf mehreren Seiten.Implementiert
3.3.7Redundant EntryA2.2Form EnhancerInformationen müssen nicht mehrfach eingegeben werden, außer wenn unerlässlich.Implementiert
2.4.11Focus Not Obscured (Minimum)AA2.2Focus ManagementDer fokussierte Bereich wird nicht vollständig durch andere Inhalte verdeckt.Implementiert
2.5.7Dragging MovementsAA2.2Background AccessibilityAlle Drag-Funktionen können auch durch einfache Zeiger-Aktionen ausgeführt werden.Implementiert
2.5.8Target Size (Minimum)AA2.2Basic Web AccessibilityDie Zielgröße für Zeigereingaben beträgt mindestens 24×24 CSS-Pixel (mit Ausnahmen).Implementiert
3.3.8Accessible Authentication (Minimum)AA2.2Form EnhancerAuthentifizierung erfordert keine kognitiven Funktionstests, außer Alternativen sind verfügbar.Teilweise
2.4.12Focus Not Obscured (Enhanced)AAA2.2Focus ManagementDer fokussierte Bereich wird überhaupt nicht durch andere Inhalte verdeckt.Implementiert
2.4.13Focus AppearanceAAA2.2Focus ManagementDer Fokusindikator erfüllt spezifische Anforderungen an Größe und Kontrast.Implementiert
3.3.9Accessible Authentication (Enhanced)AAA2.2Form EnhancerAuthentifizierung erfordert keine kognitiven Funktionstests oder Objekterkennung.Teilweise