WCAG-A/AA-Anforderung Priorität: Schwerwiegend

Selbst gebauten Bedienelementen fehlen nötige Angaben

Einige selbst gebaute Bedienelemente geben eine Rolle an, aber es fehlen Angaben, die diese Rolle braucht, etwa ob ein Ausklappmenü geöffnet ist.

Dieser Text wurde automatisch übersetzt und noch nicht von Muttersprachlern geprüft.

Warum das für Ihre Kunden wichtig ist

Screenreader-Nutzer erfahren womöglich nicht, ob ein Filter aufgeklappt ist, welche Option gewählt ist oder welchen Wert ein Schieberegler hat. Menüs und Filter werden dadurch schwer bedienbar.

Wen es betrifft

Screenreader-Nutzer
blinde Kundinnen und Kunden

So beheben Sie es

Ergänzen Sie die Attribute, die die Rolle verlangt, zum Beispiel aria-expanded bei role="combobox" oder aria-valuenow bei role="slider". Halten Sie die Werte per JavaScript aktuell, wenn sich der Zustand ändert. Verwenden Sie wo möglich native HTML-Elemente.

Bei Shopify

Meist selbst gebaute Menüs, Filter oder Schieberegler im Theme oder in Apps. Korrigieren Sie die Attribute in den Liquid- und JavaScript-Dateien des Themes; bitten Sie App-Entwickler, ihre Widgets zu korrigieren.

Bei Shoptet (CZ)

Meist Menüs des Templates oder Erweiterungen. Melden Sie es Shoptet oder einer Partneragentur, da die Bedienelemente Teil des Templates sind.

Bei PrestaShop

Meist Theme-Menüs oder Module wie die Facettensuche. Korrigieren Sie es in den Templates und im JavaScript des Themes oder melden Sie es dem Modul-Entwickler.

Bei WooCommerce

Meist Theme-Menüs, Page-Builder-Widgets oder Filter-Plugins. Korrigieren Sie es im Child-Theme-Code oder melden Sie es dem Plugin-Entwickler.

Standards

Standards
Standard	Abschnitt
WCAG 2.2	4.1.2 (A) Name, Role, Value
WCAG 2.1	4.1.2 (A) Name, Role, Value
WCAG 2.0	4.1.2 (A) Name, Role, Value
EN 301 549 4.1.1	9.4.1.2
EN 301 549 3.2.1	9.4.1.2
Section 508 2017	E205.4
ДСТУ EN 301 549 2022	9.4.1.2

Automatische Prüfung: axe-core-Regel aria-required-attr. dequeuniversity.com, github.com, www.w3.org

Einige Grafiken haben keine Textbeschreibung
WCAG 1.1.1 A
Manche Texte laufen durch und lassen sich nicht anhalten
WCAG 2.2.2 A
Links im Fließtext sehen aus wie normaler Text
WCAG 1.4.1 A
Selbst gebaute Menüs oder Listen sind fehlerhaft aufgebaut
WCAG 1.3.1 A

Alle Regeln, die wir prüfen