# Element select musi mieć dostępną nazwę

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

WCAG 4.1.2 Nazwa, rola, wartość · poziom A

Lista rozwijana (często wybór sortowania lub wariantu) nie ma etykiety.

## Co sprawdza ta reguła
Element select ma dostępną nazwę.

## Dlaczego to ważne
WCAG 4.1.2 wymaga, aby listy wyboru miały dostępną nazwę.

## Jak to naprawić
### Na dowolnej stronie
1. Dodaj element <label> powiązany z listą wyboru albo atrybut aria-label, np. aria-label="Sort by".

### W Shopify
1. Dodaj element <label> powiązany z listą wyboru albo atrybut aria-label, np. aria-label="Sort by".

### W WooCommerce i WordPressie
1. Dodaj element <label> powiązany z listą wyboru albo atrybut aria-label, np. aria-label="Sort by".

## Jak sprawdzić poprawkę
- Przeskanuj ponownie strony kolekcji i produktów.

## Źródła
- Dokumentacja reguły axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/select-name
- Objaśnienie kryterium WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value