WCAG 2.1 Compliance Features
Complete coverage of all important accessibility standards
Our toolbar implements all relevant WCAG 2.1 guidelines and ensures maximum accessibility.
50+WCAG Rules
100%A Compliance
85+%AA Coverage
35%AAA Coverage
WCAG 2.2 Level A + Level AA + Level AAA Features Übersicht
Detaillierte Auflistung aller implementierten WCAG-Richtlinien
| WCAG Guideline | Level | Toolbar Feature | Description | Status |
|---|---|---|---|---|
1.1.1Non-text Content | A | Image Enhancements - Audit | Unser System findet ALLE Bilder ohne Alt-Tags, analysiert deren Kontext und gibt Ihrem Team konkrete Anweisungen wie man es richtig macht. | Implementiert |
1.2Zeitbasierte Medien | - | Media Accessibility Support | Eingebettete Videos (z. B. YouTube) sind über die Toolbar barrierefrei bedienbar. WCAG 1.2.2 (A) und 1.2.4 (AA) werden durch die Toolbar erfüllt. Eigene Inhalte sollten nach WCAG 2.2 mit Untertiteln und Audiodeskriptionen ausgestattet werden. | |
1.3.1Info and Relationships | A | Structure Enhancement | Verbesserte semantische Struktur und Landmark-Navigation | Implementiert |
1.3.2Meaningful Sequence | A | Individual Adjustments, ARIA Enhancements | Verbesserte semantische Struktur und Landmark-Navigation. | Implementiert |
1.3.3Sensory Characteristics | A | ARIA Enhancements | Automatisches Hinzufügen von Aria Labels... | Implementiert |
1.3.4Orientierung | AA | Mobile Accessibility Preset | Optimierung erfolgt im Hintergrund automatisch. Zusätzliche Features: Alignment - Erlaubt die Ausrichtung von Text anzupassen: links, rechts oder zentriert | Implementiert |
1.3.5Eingabezweck identifizieren | AA | Form Enhancer - Input Purpose | Sprachausgabe bei Validierungsfehlern, Automatische Erkennung von Formularfeldern, Pre-Submit Feature - Zusammenfassung vor dem Absenden. Visuelle Hervorhebung bei Selektion inklusive beschreibender Tooltips | Implementiert |
1.4.1Verwendung von Farbe | A | Color Settings | Farbe wird nicht als einziges visuelles Mittel verwendet, um Informationen zu vermitteln, eine Aktion anzuzeigen, eine Reaktion hervorzurufen oder ein visuelles Element hervorzuheben. | Implementiert |
1.4.10Reflow | AA | Smart Presets - Mobile Accessibility | Inhalte können ohne Informations- oder Funktionsverlust präsentiert werden, und es ist kein zweidimensionales Scrollen erforderlich. | Implementiert |
1.4.11Nicht-Text-Kontrast | AA | Color Settings, Auto Contrast | Die visuelle Darstellung der folgenden Elemente weist gegenüber benachbarten Farben ein Kontrastverhältnis von mindestens 3:1 auf: Komponenten der Benutzeroberfläche, Grafische Objekte. | Implementiert |
1.4.12Textabstand | AA | Individual Adjustments | Bei Inhalten, die mit Auszeichnungssprachen implementiert wurden, die die folgenden Textstileigenschaften unterstützen ,tritt kein Verlust von Inhalt oder Funktionalität auf, wenn alle der folgenden Einstellungen festgelegt und keine andere Stileigenschaft geändert wird: Zeilenhöhe, Buchstabenabstand, Absätze, Wortabstand. | Implementiert |
1.4.13Inhalt beim Hovern oder Fokussieren | AA | Background Accessibility - Content on hover | Zusätzliche Inhalte, die durch Hover oder Fokus erscheinen, müssen leicht wieder geschlossen werden können, sichtbar bleiben, wenn man sie mit der Maus erreicht, und solange bestehen, bis der Nutzer sie schließt oder sie nicht mehr relevant sind. | Implementiert |
1.4.2Audiosteuerung | A | Mute Sound | Wenn Audio auf einer Webseite automatisch länger als 3 Sekunden abgespielt wird, steht entweder ein Mechanismus zum Anhalten oder Stoppen des Audios zur Verfügung oder ein Mechanismus zum Regeln der Audiolautstärke unabhängig von der Gesamtlautstärke des Systems. | Implementiert |
1.4.3Kontrast (Minimum) | AA | High Contrast, Auto Contrast | Die visuelle Darstellung von Text und Textbildern weist ein Kontrastverhältnis von mindestens 4,5:1 auf, mit folgenden Ausnahmen: Großer Text, Nebensächlich, Logotypen. | Implementiert |
1.4.4Textgröße ändern | AA | Individual Adjustments | Mit Ausnahme von Bildunterschriften und Textbildern kann die Größe von Text ohne unterstützende Technologie um bis zu 200 Prozent geändert werden, ohne dass Inhalt oder Funktionalität verloren gehen. | Implementiert |
1.4.5Bilder von Text | AA | Hide Images, Simple Font | Wenn die verwendeten Technologien eine visuelle Darstellung ermöglichen, wird zur Informationsübermittlung Text anstelle von Textbildern verwendet , mit Ausnahme der folgenden Fälle: Anpassbar, Essentiell. | Implementiert |
1.4.6Kontrast (erhöht) | AAA | Auto Kontrast | Die visuelle Darstellung von Text und Textbildern weist ein Kontrastverhältnis von mindestens 7:1 auf, mit folgenden Ausnahmen: Großer Text, Nebensächlich, Logotypen. | Implementiert |
1.4.7Leiser oder kein Hintergrundton | AAA | - | Aufgezeichnete Nur-Audio- Inhalte. | Geplant |
1.4.8Visuelle Präsentation | AAA | Individual Adjustments, Color Settings | Spezielle Mechanismen für die visuelle Darstellung von Textblöcken. (Farbe, Ausrichtung, Zeilenabstand, Buchstabenabstand, Textgröße). | Implementiert |
1.4.9Bilder von Text (keine Ausnahme) | AAA | Background Accessibility | Textbilder werden nur zur rein dekorativen Verwendung verwendet oder wenn eine bestimmte Darstellung des Textes für die zu vermittelnde Information wesentlich ist. | Implementiert |
2.1.1Tastatur | A | Enhanced Keyboard Navigation | Die gesamte Funktionalität des Inhalts ist über eine Tastaturschnittstelle bedienbar, ohne dass für einzelne Tastenanschläge bestimmte Zeitangaben erforderlich sind, außer wenn die zugrunde liegende Funktion eine Eingabe erfordert, die vom Bewegungspfad des Benutzers und nicht nur von den Endpunkten abhängt. | Implementiert |
2.1.2No Keyboard Trap | A | Focus Management | Intelligentes Focus-Management verhindert Keyboard-Traps | Implementiert |
2.1.4Tastenkombinationen für Zeichen | A | Background Accessibility - Character Key Shortcuts | Shortcut Management - Verhindert Konflikte zwischen Website-Shortcuts und Hilfstechnologien (Screenreader, etc.) | Implementiert |
2.2.1Timing einstellbar | A | Background Accessibility - Enhance Timing Adjustable - Audits | Damit Inhalte barrierefrei sind, muss ein durch den Inhalt festgelegtes Zeitlimit vom Nutzer entweder deaktiviert, angepasst oder mindestens zehnmal verlängert werden können. Ausnahmen gelten nur, wenn das Zeitlimit technisch oder inhaltlich zwingend ist – etwa bei Live-Ereignissen oder bei Fristen über 20 Stunden. | Implementiert |
2.2.2Pause, Stop, Hide | A | Stop animations | Bewegte oder automatisch aktualisierte Inhalte müssen anhaltbar, stoppbar oder ausblendbar sein – es sei denn, sie sind für die Funktion zwingend erforderlich. | Implementiert |
2.3.1Schwellenwert für drei Blitze oder weniger | A | Stop Animations | Webseiten enthalten nichts, was in einem Zeitraum von einer Sekunde mehr als dreimal blinkt, oder das Blinken liegt unterhalb der allgemeinen Grenzwerte für Blinken und rotes Blinken. | Implementiert |
2.3.3Animation aus Interaktionen | AAA | Stop Animations | Durch Interaktion ausgelöste Bewegungsanimationen können deaktiviert werden, es sei denn, die Animation ist für die Funktionalität oder die übermittelten Informationen unbedingt erforderlich. | Implementiert |
2.4.1Bypass-Blöcke | A | Skip Links | Es steht ein Mechanismus zum Umgehen von Inhaltsblöcken zur Verfügung, die sich auf mehreren Webseiten wiederholen. | Implementiert |
2.4.2Seitentitel | A | Background Accessibility - Link Context Enhancement | Webseiten haben Titel, die das Thema oder den Zweck beschreiben. | Implementiert |
2.4.3Fokusreihenfolge | A | Smart Presets - Focus Order Enhancements | Wenn eine Webseite sequenziell navigiert werden kann und die Navigationssequenzen Bedeutung oder Bedienung beeinflussen, erhalten fokussierbare Komponenten den Fokus in einer Reihenfolge, die Bedeutung und Bedienung bewahrt. | Implementiert |
2.4.4Linkzweck (im Kontext) | A | Background Accessibility - Link Context Enhancement | Vage Links ("hier", "mehr" etc.) werden automatisch mit Kontext erweitert. | Implementiert |
2.4.5Mehrere Möglichkeiten | AA | Background Accessibility - Multiple Ways (Audit) | Es gibt mehrere Möglichkeiten, eine Webseite innerhalb einer Gruppe von Webseiten zu finden, es sei denn, die Webseite ist das Ergebnis oder ein Schritt in einem Prozess. | Implementiert |
2.4.6Überschriften und Beschriftungen | AA | Background Accessibility - Heading Enhancements | Überschriften und Beschriftungen beschreiben Thema oder Zweck. | Implementiert |
2.4.7Focus Visible | AA | Enhanced Focus | Verbesserte Focus-Visualisierung für alle interaktiven Elemente | Implementiert |
2.4.9Linkzweck (nur Link) | AAA | Background Accessibility - Link Context Enhancement | Es steht ein Mechanismus zur Verfügung, mit dem sich der Zweck jedes Links allein anhand des Linktexts erkennen lässt, es sei denn, der Zweck des Links wäre für Benutzer im Allgemeinen nicht eindeutig. | Implementiert |
2.4.11Fokus nicht verdeckt (Minimum) | AA | Background Accessibility - Prevent Focus Obscured | Verhindert das Verdecken fokussierter Elemente. | Implementiert |
2.5.2Zeigerstornierung | A | Background Accessibility - Pointer Cancellation | Funktionen, die mit einem einzelnen Zeiger bedient werden, müssen sich abbrechen, rückgängig machen oder erst beim Loslassen ausführen lassen – außer dies ist technisch zwingend nötig. | Implementiert |
2.5.3Bezeichnung im Namen | A | Background Accessibility - Enhance Label In Name | Bei Benutzeroberflächenkomponenten mit Beschriftungen , die Text oder Textbilder enthalten , enthält der Name den visuell dargestellten Text. | Implementiert |
2.5.5Zielgröße (erweitert) | AAA | Auto Target Size | Die Größe des Ziels für Zeigereingaben beträgt mindestens 44 x 44 CSS-Pixel. | Implementiert |
2.5.4Bewegungsbetätigung | A | Motion Actuation | Funktionen, die durch Gerätebewegungen oder Benutzerbewegungen gesteuert werden können, können auch durch Benutzeroberflächenkomponenten gesteuert werden. | Implementiert |
2.5.7Schleppbewegungen | AA | Background Accessibility - Dragging Alternatives | Website-Slider bekommen Keyboard-Navigation (←→ Pfeiltasten) | Implementiert |
2.5.8Zielgröße (Minimum) | AA | Auto Target Size | Die Größe des Ziels für Zeigereingaben beträgt mindestens 24 x 24 CSS-Pixel. | Implementiert |
3.1.1Sprache der Seite | A | Smart Language Detection | Die standardmäßige menschliche Sprache jeder Webseite kann programmgesteuert bestimmt werden. | Implementiert |
3.1.2Sprache der Teile | AA | Smart Language Detection | Die menschliche Sprache jeder Passage oder Phrase im Inhalt kann programmgesteuert bestimmt werden , mit Ausnahme von Eigennamen, Fachbegriffen, Wörtern unbestimmter Sprache und Wörtern oder Phrasen, die Teil der Umgangssprache des unmittelbar umgebenden Textes geworden sind. | Implementiert |
3.1.3Ungewöhnliche Wörter | AAA | Smart Language Enhancement | Es steht ein Mechanismus zur Verfügung, um bestimmte Definitionen von Wörtern oder Ausdrücken zu identifizieren, die auf ungewöhnliche oder eingeschränkte Weise verwendet werden, einschließlich Redewendungen und Fachjargon. | Implementiert |
3.1.4Abkürzungen | AAA | Smart Language Enhancement | Es steht ein Mechanismus zur Identifizierung der erweiterten Form oder Bedeutung von Abkürzungen zur Verfügung. | Implementiert |
3.2.1Im Fokus | A | Background Accessibility - Context Change Enhancements | Wenn eine beliebige Komponente der Benutzeroberfläche den Fokus erhält, wird dadurch kein Kontextwechsel eingeleitet. | Implementiert |
3.2.2Bei Eingabe | A | Background Accessibility - Context Change Enhancements | Das Ändern der Einstellung einer Benutzeroberflächenkomponente führt nicht automatisch zu einer Kontextänderung, es sei denn, der Benutzer wurde vor der Verwendung der Komponente auf das Verhalten hingewiesen. | Implementiert |
3.2.3Einheitliche Navigation | AA | Background Accessibility - Consistent Navigation | Navigationsmechanismen, die auf mehreren Webseiten innerhalb einer Gruppe von Webseiten wiederholt werden, treten bei jeder Wiederholung in der gleichen relativen Reihenfolge auf, sofern der Benutzer keine Änderung initiiert. | Implementiert |
3.2.4Konsistente Identifizierung | AA | Background Accessibility - Consistent Identification | Navigationsmechanismen, die auf mehreren Webseiten innerhalb einer Gruppe von Webseiten wiederholt werden, treten bei jeder Wiederholung in der gleichen relativen Reihenfolge auf, sofern der Benutzer keine Änderung initiiert. | Implementiert |
3.3.1Fehleridentifizierung | A | Form Enhancer | Bei einer automatischen Erkennung eines Eingabefehlers wird das fehlerhafte Element identifiziert und dem Benutzer der Fehler im Text beschrieben. | Implementiert |
3.3.2Etiketten oder Anweisungen | A | Background Accessibility - ARIA Enhancements | Wenn für den Inhalt eine Benutzereingabe erforderlich ist, werden Beschriftungen oder Anweisungen bereitgestellt. | Implementiert |
3.3.3Fehlervorschlag | AA | Form Enhancer | Wird ein Eingabefehler automatisch erkannt und sind Korrekturvorschläge bekannt, werden diese dem Nutzer zur Verfügung gestellt, sofern dadurch nicht die Sicherheit oder der Zweck der Inhalte gefährdet würden. | Implementiert |
3.3.4Fehlervermeidung (Recht, Finanzen, Daten) | AA | Form Enhancer | Bei Webseiten mit rechtlichen, finanziellen oder datenverändernden Aktionen muss der Nutzer entweder seine Eingaben korrigieren können, eine Bestätigung vor dem Absenden erhalten oder die Aktion rückgängig machen können. So wird verhindert, dass irreversible Fehler passieren. | Implementiert |
3.3.5Helfen | AAA | Form Enhancer | Es steht eine kontextsensitive Hilfe zur Verfügung. | Implementiert |
3.3.6Fehlervermeidung (Alle) | AAA | Form Enhancer | Webseiten, die Benutzereingaben erfordern, müssen entweder eine Korrektur ermöglichen, die Übermittlung rückgängig machen lassen oder eine Bestätigung vor dem Absenden bereitstellen. | Implementiert |
4.1.2Name, Role, Value | A | Background Accessibility - ARIA Enhancement | Automatische ARIA-Labels und Accessible Names | Implementiert |
4.1.3Statusmeldungen | AA | Status Messages Enhancement - Hybrid (Enhancements & Audit) | In Inhalten, die mithilfe von Auszeichnungssprachen implementiert werden, können Statusmeldungen programmgesteuert über Rollen oder Eigenschaften bestimmt werden, sodass sie dem Benutzer von unterstützenden Technologien angezeigt werden können, ohne den Fokus zu erhalten. | Implementiert |