webentwicklung-frage-antwort-db.com.de

Sind modale Dialoge WCAG-konform?

Sind modale Dialoge WCAG-konform? Ich verstehe, dass Popups jeglicher Art nicht den WCAG-Anforderungen entsprechen, und ich gehe davon aus, dass dies modale Dialoge umfasst.

Zum Beispiel arbeite ich mit einer Primefaces-Komponente, die ein modales Attribut hat: http://www.primefaces.org/showcase/ui/overlay/dialog/rtl.xhtml

Ich würde gerne wissen, ob ich dies verwenden kann und ob es WCAG-konform ist oder nicht.

10
Fuzzy Analysis

Hierfür gibt es einen Abschnitt der WCAG 2.0. 2.1 Tastatur zugänglich.

https://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation.html

Speziell:

2.1.1 Tastatur : Alle Funktionen des Inhalts können über eine Tastaturschnittstelle bedient werden, ohne dass für einzelne Tastenanschläge bestimmte Zeitvorgaben erforderlich sind, es sei denn, für die zugrunde liegende Funktion ist eine Eingabe erforderlich hängt vom Bewegungspfad des Benutzers ab und nicht nur von den Endpunkten. (Stufe A)

Und

2.1.2 Keine Tastaturfalle : Wenn der Tastaturfokus über eine Tastaturoberfläche auf eine Komponente der Seite verschoben werden kann, kann der Fokus davon weg verschoben werden Komponente, die nur eine Tastaturschnittstelle verwendet, und wenn mehr als unveränderte Pfeil- oder Tabulatortasten oder andere Standard-Exit-Methoden erforderlich sind, wird der Benutzer über die Methode zum Verschieben des Fokus informiert. (Stufe A)

Sie werden feststellen, dass beide Anforderungen der Stufe A sind. Obwohl keine modalen Dialoge erwähnt werden, müssen Sie sicherstellen, dass der Tastaturfokus von der Seite zum modalen Dialog verschoben wird .

Wenn Sie erfahren möchten, wie Sie einen zugänglichen modalen Dialog erstellen, führt Sie dieser hervorragende Artikel Schritt für Schritt in HTML mit zusätzlichen ARIA-Tags und ein wenig JavaScript durch: https: //www.marcozehe. de/2015/02/05/advanced-aria-tip-2-access-modal-dialogs /

Offensichtlich verwenden Sie eine UI-Technologie eines Drittanbieters, sodass die tatsächliche Implementierung möglicherweise anders ist und einige technische Herausforderungen, Anpassungen oder Einschränkungen auftreten können. Dies ändert jedoch nichts an den wesentlichen Anforderungen an die WCAG 2.1-Tastaturbedienung.

11
SteveD

Die WCAG dient zur Bewertung der Zugänglichkeit von Inhalten oder Diensten und nicht für Komponenten wie Modalitäten. Um zu verstehen, ob das Modal die Dinge zugänglich hält, sollten Sie die Zugänglichkeit des Inhalts/Dienstes prüfen.

Außerdem ist die WCAG eine Reihe von Richtlinien mit unterschiedlichen Umsetzungsstufen. Wählen Sie aus, wie streng Sie die Richtlinien befolgen müssen, bevor Sie etwas implementieren.

Um jedoch die Frage zu beantworten; Ja, es ist möglich, die WCAG-Richtlinien bei Verwendung von Modalen zu erfüllen. Dies hängt jedoch vom Inhalt selbst, der Art und Weise der Implementierung der Modalitäten und, wie bereits erwähnt, davon ab, wie streng Sie die Richtlinien befolgen möchten.

Was Sie zum Beispiel tun können, ist:
- Zeigen Sie immer einen Titel über jedem Modal an
- Haben Sie eine Schaltfläche zum Schließen mit einer Beschriftung und einer Tastenkombination (wie SteveD bereits erwähnt hat, verschieben Sie den Tastaturfokus auf das Modal).
- Evaluieren Sie die Site und suchen Sie gegebenenfalls nach Alternativen, wenn das Modal Probleme verursacht.

3
jazZRo

WCAG Enthält Richtlinien zur Barrierefreiheit im Internet und nicht zu den Schnittstellenmethoden. Was das direkte Problem betrifft, gibt es in der WCAG2.0-Dokumentation keinen Verweis auf "Modal Dialogs".

Das nächste, was ich finden konnte, war ein Verweis auf Popup- und neue Registerkartenfenster, aber keine Hinweise auf modale Dialoge. Ich denke, es ist sicher anzunehmen, dass es unter die sichere Seite der WCAG fällt.

Ref: https://www.w3.org/WAI/WCAG20/quickref/?currentsidebar=%23col_customize#top

2