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

Ein Auswahlmenü hat keine Beschriftung

Ein Auswahlmenü (Dropdown) hat keine Beschriftung, die assistive Technologien vorlesen können.

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

Warum das für Ihre Kunden wichtig ist

Screenreader-Nutzer hören nur „Kombinationsfeld“ und wissen nicht, ob Größe, Farbe, Menge oder Land ausgewählt wird. Das kann die Auswahl einer Produktvariante oder den Abschluss der Bestellung verhindern.

Wen es betrifft

blinde Kundinnen und Kunden
Screenreader-Nutzer
Nutzer von Sprachsteuerung
Menschen mit kognitiven Einschränkungen

So beheben Sie es

Verknüpfen Sie jedes <select> mit einem sichtbaren <label for> oder verwenden Sie aria-labelledby mit Verweis auf sichtbaren Text. aria-label nur, wenn kein sichtbares Label möglich ist. Prüfen Sie Variantenauswahl, Sortierung und Länderauswahl.

Bei Shopify

Meist Variantenauswahl, Sortierung oder Währungs- und Sprachauswahl im Theme. Ergänzen Sie Labels in den Liquid-Snippets des Themes; Auswahlfelder aus Apps muss der App-Entwickler korrigieren.

Bei Shoptet (CZ)

Meist Varianten- oder Sortierauswahl im Template. Bitten Sie Shoptet oder eine Partneragentur, Labels im Template-Code zu ergänzen.

Bei PrestaShop

Meist Auswahlfelder für Produkteigenschaften, Sortierung oder Land. Ergänzen Sie Labels in den .tpl-Templates des Themes oder in überschriebenen Modul-Templates.

Bei WooCommerce

Meist Variantenauswahl, Sortier-Dropdowns oder Plugin-Widgets. Ergänzen Sie Labels in Child-Theme-Templates oder nutzen Sie Plugin-Einstellungen, die korrekte Labels ausgeben.

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 select-name. dequeuniversity.com, github.com, www.w3.org

Text ist wegen zu geringen Kontrasts schwer lesbar
WCAG 1.4.3 AA
Videos oder Töne starten von selbst mit Ton
WCAG 1.4.2 A
Selbst gebaute Menüpunkte oder Tabs stehen außerhalb ihrer Gruppe
WCAG 1.3.1 A
Einige Elemente haben eine Rolle, die es nicht gibt
WCAG 4.1.2 A

Alle Regeln, die wir prüfen