# Een keuzelijst (select-element) moet een toegankelijke naam hebben

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

WCAG 4.1.2 Naam, rol, waarde · Niveau A

Een keuzelijst (vaak een sorteer- of variantkiezer) heeft geen label.

## Wat deze regel controleert
Zorg dat een select-element een toegankelijke naam heeft.

## Waarom het belangrijk is
WCAG 4.1.2 vraagt dat keuzelijsten een toegankelijke naam hebben.

## Zo los je het op
### Op elke website
1. Voeg een <label> toe dat aan de keuzelijst is gekoppeld, of een aria-label zoals aria-label="Sort by".

### In Shopify
1. Voeg een <label> toe dat aan de keuzelijst is gekoppeld, of een aria-label zoals aria-label="Sort by".

### In WooCommerce en WordPress
1. Voeg een <label> toe dat aan de keuzelijst is gekoppeld, of een aria-label zoals aria-label="Sort by".

## Zo controleer je de oplossing
- Scan de collectie- en productpagina’s opnieuw.

## Bronnen
- Documentatie van de axe-core-regel (Deque): https://dequeuniversity.com/rules/axe/4.13/select-name
- Uitleg bij WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value