Erfolgskriterien und Konformitätsbedingungen der Web Content Accessibility Guidelines (WCAG) 2.2

Die Quellen für die Übersetzungen sind wie folgt:

1. Die meisten Anforderungen stammen aus der autorisierten deutschen Übersetzung der WCAG 2.0:
   https://www.w3.org/Translations/WCAG20-de/
2. Anforderungen, die in den WCAG 2.1 eingeführt oder deren Wortlaut gegenüber den WCAG 2.0 geändert wurden, stammen von der inoffiziellen deutschen Übersetzung der WCAG 2.1 auf
   https://outline-rocks.github.io/wcag/translations/WCAG21-de/
3. Anforderungen, die in den WCAG 2.2 eingeführt oder deren Wortlaut gegenüber den WCAG 2.1 geändert wurden, wurden für diese Seiten von
   https://www.w3.org/TR/WCAG22/
   übersetzt.

Erfolgskriterium 2.4.11 ist in den WCAG 2.2 wie folgt eingegliedert:

2. Bedienbar

Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein.

Richtlinie 2.4 Navigierbar

Stellen Sie Mittel zur Verfügung, um Benutzer dabei zu unterstützen zu navigieren, Inhalte zu finden und zu bestimmen, wo sie sich befinden.

Erfolgskriterium 2.4.11 Fokus nicht verdeckt (Minimum)

(Stufe AA)

Wenn ein Bestandteil der Benutzerschnittstelle den Tastaturfokus erhält, wird dieser Bestandteil nicht aufgrund vom Autor erstellten Inhalt vollständig verdeckt.

Hinweis

Kann der Inhalt in einer konfigurierbaren Schnittstelle vom Benutzer neu positioniert werden, werden nur die Anfangspositionen des vom Benutzer verschiebbaren Inhalts für die Prüfung und die Konformität dieses Erfolgskriteriums berücksichtigt.

Hinweis

Vom Benutzer geöffneter Inhalt darf den Bestandteil, der den Fokus erhält, verdecken. Kann der Benutzer den fokussierten Bestandteil aufdecken, ohne den Tastaturfokus vorzurücken, gilt der fokussierte Bestandteil nicht als visuell versteckt aufgrund eines vom Autor erstellten Inhalts.

2. Operable

User interface components and navigation must be operable.

Guideline 2.4 Navigable

Provide ways to help users navigate, find content, and determine where they are.

understanding guideline 2.4

Success Criterion 2.4.11 Focus Not Obscured (Minimum)

(Level AA)

When a user interface component receives keyboard focus, the component is not entirely hidden due to author-created content.

Note

Where content in a configurable interface can be repositioned by the user, then only the initial positions of user-movable content are considered for testing and conformance of this success criterion.

Note

Content opened by the user may obscure the component receiving focus. If the user can reveal the focused component without advancing the keyboard focus, the component with focus is not considered visually hidden due to author-created content.

understanding success criterion 2.4.11

Zu Erfolgskriterium 2.4.11:

• Bei Overlays kann der Hintergrund oft per Tastatur erreicht werden. Der Fokus darf dabei nicht durch die vordergründigen Inhalte vollständig verdeckt werden. Entweder ist der Hintergrund für niemanden zugänglich oder ein Overlay überlagert keine aktiven Elemente beziehungsweise kann unmittelbar ausgeblendet werden:

  • Dialogfenster können mit dem dialog-Element für alle Nutzenden modal gestaltet werden.
  • Zusammengesetzte Widgets, die andere Inhalte überlagern (zum Beispiel eine Ausklappliste) und den Fokus verlieren, sollen ausgeblendet werden.
  • Popovers wie eine Werkzeugleiste müssen mit der Esc-Taste geschlossen werden können.
  • Sticky-Content (oft am Rand des Ansichtsbereichs) muss so positioniert sein, dass aktive Elemente nicht verdeckt werden. Das CSS Scroll Snap Modul kann dabei Abhilfe verschaffen.
• Auf Konformitätsstufe AAA wird das Erfolgskriterium ersetzt durch Erfolgskriterium 2.4.12, wo der Tastaturfokus nicht verdeckt werden soll.

Zur Richtlinie 2.4:

Die Navigation innerhalb von Inhalten – sei es eine Webseite, ein Nicht-Web-Dokument oder eine Software –und zwischen diesen Inhalten muss für alle Nutzende gewährleistet werden. Die Navigation innerhalb einer einzelnen Webseite muss beispielsweise für Nutzende der Tastatur visuell nachvollziehbar und für Nutzende von Screenreadern über Strukturen möglich sein. Darüber hinaus benötigen Nutzende ausreichende Informationen, um sich innerhalb eines Webauftritts zu orientieren, aber ebenfalls, um fehlerfrei Aktionen auszuführen und von Webseite zu Webseite zu navigieren.

• zu der Übersicht der 13 Richtlinien der WCAG 2.2
• Zum Aufbau der Anforderungen: Die vier Prinzipien der Web Content Accessibility Guidelines (WCAG) 2.2

1. Wahrnehmbar

Informationen und Bestandteile der Benutzerschnittstelle müssen den Benutzern so präsentiert werden, dass diese sie wahrnehmen können.

Richtlinie 1.1 Textalternativen

Stellen Sie Textalternativen für alle Nicht-Text-Inhalte zur Verfügung, so dass diese in andere vom Benutzer benötigte Formen geändert werden können, wie zum Beispiel Großschrift, Braille, gesprochene Sprache, Symbole oder einfachere Sprache.

• Erfolgskriterium 1.1.1 Nicht-Text-Inhalt [Konformitätsstufe A]

Richtlinie 1.2 Zeitbasierte Medien

Stellen Sie Alternativen für zeitbasierte Medien zur Verfügung.

• Erfolgskriterium 1.2.1 Reine Audio- und Videoinhalte (aufgezeichnet) [Konformitätsstufe A]
• Erfolgskriterium 1.2.2 Untertitel (aufgezeichnet) [Konformitätsstufe A]
• Erfolgskriterium 1.2.3 Audiodeskription oder Medienalternative (aufgezeichnet) [Konformitätsstufe A]
• Erfolgskriterium 1.2.4 Untertitel (Live) [Konformitätsstufe AA]
• Erfolgskriterium 1.2.5 Audiodeskription (aufgezeichnet) [Konformitätsstufe AA]
• Erfolgskriterium 1.2.6 Gebärdensprache (aufgezeichnet) [Konformitätsstufe AAA]
• Erfolgskriterium 1.2.7 Erweiterte Audiodeskription (aufgezeichnet) [Konformitätsstufe AAA]
• Erfolgskriterium 1.2.8 Medienalternative (aufgezeichnet) [Konformitätsstufe AAA]
• Erfolgskriterium 1.2.9 Reiner Audioinhalt (Live) [Konformitätsstufe AAA]

Richtlinie 1.3 Anpassbar

Erstellen Sie Inhalte, die auf verschiedene Arten dargestellt werden können (z.B. einfacheres Layout), ohne dass Informationen oder Struktur verloren gehen.

• Erfolgskriterium 1.3.1 Info und Beziehungen [Konformitätsstufe A]
• Erfolgskriterium 1.3.2 Bedeutungstragende Reihenfolge [Konformitätsstufe A]
• Erfolgskriterium 1.3.3 Sensorische Eigenschaften [Konformitätsstufe A]
• Erfolgskriterium 1.3.4 Bildschirmausrichtung [Konformitätsstufe AA]
• Erfolgskriterium 1.3.5 Bestimmung des Eingabezwecks [Konformitätsstufe AA]
• Erfolgskriterium 1.3.6 Bestimmung des Zwecks [Konformitätsstufe AAA]

Richtlinie 1.4 Unterscheidbar

Machen Sie es Benutzern leichter, Inhalt zu sehen und zu hören einschließlich der Trennung von Vorder- und Hintergrund.

• Erfolgskriterium 1.4.1 Benutzung von Farbe [Konformitätsstufe A]
• Erfolgskriterium 1.4.2 Audio-Steuerelement [Konformitätsstufe A]
• Erfolgskriterium 1.4.3 Kontrast (Minimum) [Konformitätsstufe AA]
• Erfolgskriterium 1.4.4 Textgröße ändern [Konformitätsstufe AA]
• Erfolgskriterium 1.4.5 Bilder eines Textes [Konformitätsstufe AA]
• Erfolgskriterium 1.4.6 Kontrast (erweitert) [Konformitätsstufe AAA]
• Erfolgskriterium 1.4.7 Leiser oder kein Hintergrund-Audioinhalt [Konformitätsstufe AAA]
• Erfolgskriterium 1.4.8 Visuelle Präsentation [Konformitätsstufe AAA]
• Erfolgskriterium 1.4.9 Bilder eines Textes (keine Ausnahme) [Konformitätsstufe AAA]
• Erfolgskriterium 1.4.10 Umfluss (Reflow) [Konformitätsstufe AA]
• Erfolgskriterium 1.4.11 Nicht-Text-Kontrast [Konformitätsstufe AA]
• Erfolgskriterium 1.4.12 Textabstand [Konformitätsstufe AA]
• Erfolgskriterium 1.4.13 Inhalt bei Überfahren mit dem Zeiger oder Tastaturfokus (Hover oder Focus) [Konformitätsstufe AA]

2. Bedienbar

Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein.

Richtlinie 2.1 Per Tastatur zugänglich

Sorgen Sie dafür, dass alle Funktionalitäten per Tastatur zugänglich sind.

• Erfolgskriterium 2.1.1 Tastatur [Konformitätsstufe A]
• Erfolgskriterium 2.1.2 Keine Tastaturfalle [Konformitätsstufe A]
• Erfolgskriterium 2.1.3 Tastatur (keine Ausnahme) [Konformitätsstufe AAA]
• Erfolgskriterium 2.1.4 Zeichentastenbefehle [Konformitätsstufe A]

Richtlinie 2.2 Ausreichend Zeit

Geben Sie den Benutzern ausreichend Zeit, Inhalte zu lesen und zu benutzen.

• Erfolgskriterium 2.2.1 Zeiteinteilung anpassbar [Konformitätsstufe A]
• Erfolgskriterium 2.2.2 Pausieren, beenden, ausblenden [Konformitätsstufe A]
• Erfolgskriterium 2.2.3 Keine Zeiteinteilung [Konformitätsstufe AAA]
• Erfolgskriterium 2.2.4 Unterbrechungen [Konformitätsstufe AAA]
• Erfolgskriterium 2.2.5 Erneute Authentifizierung [Konformitätsstufe AAA]
• Erfolgskriterium 2.2.6 Zeitüberschreitung [Konformitätsstufe AAA]

Richtlinie 2.3 Anfälle und physische Reaktionen

Gestalten Sie Inhalte nicht auf Arten, von denen bekannt ist, dass sie zu Anfällen oder physischen Reaktionen führen.

• Erfolgskriterium 2.3.1 Grenzwert von dreimaligem Blitzen oder weniger [Konformitätsstufe A]
• Erfolgskriterium 2.3.2 Drei Blitze [Konformitätsstufe AAA]
• Erfolgskriterium 2.3.3 Animation durch Interaktionen [Konformitätsstufe AAA]

Richtlinie 2.4 Navigierbar

Stellen Sie Mittel zur Verfügung, um Benutzer dabei zu unterstützen zu navigieren, Inhalte zu finden und zu bestimmen, wo sie sich befinden.

• Erfolgskriterium 2.4.1 Blöcke umgehen [Konformitätsstufe A]
• Erfolgskriterium 2.4.2 Seite mit Titel versehen [Konformitätsstufe A]
• Erfolgskriterium 2.4.3 Fokus-Reihenfolge [Konformitätsstufe A]
• Erfolgskriterium 2.4.4 Linkzweck (im Kontext) [Konformitätsstufe A]
• Erfolgskriterium 2.4.5 Verschiedene Methoden [Konformitätsstufe AA]
• Erfolgskriterium 2.4.6 Überschriften und Beschriftungen (Labels) [Konformitätsstufe AA]
• Erfolgskriterium 2.4.7 Fokus sichtbar [Konformitätsstufe AA]
• Erfolgskriterium 2.4.8 Position [Konformitätsstufe AAA]
• Erfolgskriterium 2.4.9 Linkzweck (reiner Link) [Konformitätsstufe AAA]
• Erfolgskriterium 2.4.10 Abschnittsüberschriften [Konformitätsstufe AAA]
• Erfolgskriterium 2.4.11 Fokus nicht verdeckt (Minimum) [Konformitätsstufe AA]
• Erfolgskriterium 2.4.12 Fokus nicht verdeckt (erweitert) [Konformitätsstufe AAA]
• Erfolgskriterium 2.4.13 Erscheinungsbild des Fokus [Konformitätsstufe AAA]

Richtlinie 2.5 Eingabemodalitäten

Erleichtern Sie Benutzern die Bedienung von Funktionen durch andere Eingabearten als die Tastatur.

• Erfolgskriterium 2.5.1 Zeigergesten [Konformitätsstufe A]
• Erfolgskriterium 2.5.2 Zeigeraufhebung [Konformitätsstufe A]
• Erfolgskriterium 2.5.3 Beschriftung (Label) im Namen [Konformitätsstufe A]
• Erfolgskriterium 2.5.4 Auslösen durch Bewegung [Konformitätsstufe A]
• Erfolgskriterium 2.5.5 Zielgröße (erweitert) [Konformitätsstufe AAA]
• Erfolgskriterium 2.5.6 Gleichzeitig verfügbare Eingabemechanismen [Konformitätsstufe AAA]
• Erfolgskriterium 2.5.7 Ziehende Bewegungen [Konformitätsstufe AA]
• Erfolgskriterium 2.5.8 Zielgröße (Minimum) [Konformitätsstufe AA]

3. Verständlich

Informationen und die Bedienung der Benutzerschnittstelle müssen verständlich sein.

Richtlinie 3.1 Lesbar

Machen Sie Inhalt lesbar und verständlich.

• Erfolgskriterium 3.1.1 Sprache der Seite [Konformitätsstufe A]
• Erfolgskriterium 3.1.2 Sprache von Teilen [Konformitätsstufe AA]
• Erfolgskriterium 3.1.3 Ungewöhnliche Wörter [Konformitätsstufe AAA]
• Erfolgskriterium 3.1.4 Abkürzungen [Konformitätsstufe AAA]
• Erfolgskriterium 3.1.5 Leseniveau [Konformitätsstufe AAA]
• Erfolgskriterium 3.1.6 Aussprache [Konformitätsstufe AAA]

Richtlinie 3.2 Vorhersehbar

Sorgen Sie dafür, dass Webseiten vorhersehbar aussehen und funktionieren.

• Erfolgskriterium 3.2.1 Bei Fokus [Konformitätsstufe A]
• Erfolgskriterium 3.2.2 Bei Eingabe [Konformitätsstufe A]
• Erfolgskriterium 3.2.3 Konsistente Navigation [Konformitätsstufe AA]
• Erfolgskriterium 3.2.4 Konsistente Erkennung [Konformitätsstufe AA]
• Erfolgskriterium 3.2.5 Änderung auf Anfrage [Konformitätsstufe AAA]
• Erfolgskriterium 3.2.6 Konsistente Hilfe [Konformitätsstufe A]

Richtlinie 3.3 Hilfestellung bei der Eingabe

Helfen Sie den Benutzern dabei, Fehler zu vermeiden und zu korrigieren.

• Erfolgskriterium 3.3.1 Fehlererkennung [Konformitätsstufe A]
• Erfolgskriterium 3.3.2 Beschriftungen (Labels) oder Anweisungen [Konformitätsstufe A]
• Erfolgskriterium 3.3.3 Fehlerempfehlung [Konformitätsstufe AA]
• Erfolgskriterium 3.3.4 Fehlervermeidung (rechtliche, finanzielle, Daten) [Konformitätsstufe AA]
• Erfolgskriterium 3.3.5 Hilfe [Konformitätsstufe AAA]
• Erfolgskriterium 3.3.6 Fehlervermeidung (alle) [Konformitätsstufe AAA]
• Erfolgskriterium 3.3.7 Redundante Eingabe [Konformitätsstufe A]
• Erfolgskriterium 3.3.8 Barrierefreie Authentifizierung (Minimum) [Konformitätsstufe AA]
• Erfolgskriterium 3.3.9 Barrierefreie Authentifizierung (erweitert) [Konformitätsstufe AAA]

4. Robust

Inhalte müssen robust genug sein, damit sie von einer großen Auswahl an Benutzeragenten einschließlich Assistenztechnologien interpretiert werden können.

Richtlinie 4.1 Kompatibel

Maximieren Sie die Kompatibilität mit aktuellen und zukünftigen Benutzeragenten, einschließlich Assistenztechnologien.

• Erfolgskriterium 4.1.1 Syntaxanalyse (Veraltet und entfernt)
• Erfolgskriterium 4.1.2 Name, Rolle, Wert [Konformitätsstufe A]
• Erfolgskriterium 4.1.3 Statusmeldungen [Konformitätsstufe AA]

5. Konformität

In diesem Abschnitt sind die Anforderungen an die Konformität zu den WCAG 2.2 aufgelistet. Hier erhalten Sie außerdem Informationen darüber, wie man Konformitätserklärungen erstellt, die optional sind. Abschließend wird beschrieben, was es bedeutet, Barrierefreiheit unterstützend zu sein, da man sich nur dann, wenn man Techniken auf eine die Barrierefreiheit unterstützende Art benutzt, auf die Konformität verlassen kann. Konformität verstehen beinhaltet weitere Erklärungen zu dem Konzept "Barrierefreiheit unterstützend".

5.2 Konformitätsbedingungen

Damit eine Webseite WCAG 2.2-konform ist, müssen alle folgenden Konformitätsbedingungen erfüllt sein:

• Konformitätsbedingung 5.2.1 Konformitätsstufe
• Konformitätsbedingung 5.2.2 Ganze Seiten
• Konformitätsbedingung 5.2.3 Vollständiger Prozess
• Konformitätsbedingung 5.2.4 Ausschließliche Benutzung von Techniken auf eine die Barrierefreiheit unterstützende Art
• Konformitätsbedingung 5.2.5 Nicht störend