# <select> Elemente müssen einen zugänglichen Namen (accessible name) besitzen

<https://www.fixreports.com/de/issues/select-name>

WCAG 4.1.2 Name, Rolle, Wert · Stufe A

Ein Dropdown (oft eine Sortier- oder Variantenauswahl) hat kein Label.

## Was diese Regel prüft
Stellt sicher, dass <select> Elemente einen zugänglichen Namen (accessible name) besitzen.

## Warum das wichtig ist
WCAG 4.1.2 verlangt, dass Auswahlmenüs einen zugänglichen Namen haben.

## So beheben Sie es
### Auf jeder Website
1. Ergänzen Sie ein mit dem Select verknüpftes <label> oder ein aria-label wie aria-label="Sort by".

### In Shopify
1. Ergänzen Sie ein mit dem Select verknüpftes <label> oder ein aria-label wie aria-label="Sort by".

### In WooCommerce und WordPress
1. Ergänzen Sie ein mit dem Select verknüpftes <label> oder ein aria-label wie aria-label="Sort by".

## So prüfen Sie die Korrektur
- Scannen Sie die Kollektions- und Produktseiten erneut.

## Quellen
- Dokumentation der axe-core-Regel (Deque): https://dequeuniversity.com/rules/axe/4.13/select-name
- Erläuterungen zu WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value