# Element formularza musi mieć etykietę

<https://www.fixreports.com/pl/issues/label>

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

Niektóre pola formularzy nie mają etykiet, więc osoby korzystające z czytników ekranu nie wiedzą, co wpisać.

## Co sprawdza ta reguła
Każdy element formularza ma etykietę.

## Dlaczego to ważne
WCAG 1.3.1, 3.3.2 i 4.1.2 wymagają, aby pola formularzy miały etykiety. Najczęściej dotyczy to pól zapisu do newslettera i pól wyszukiwania.

## Jak to naprawić
### Na dowolnej stronie
1. Nadaj każdemu polu element <label for="field-id"> albo przynajmniej atrybut aria-label.
2. Sam tekst zastępczy (placeholder) nie jest etykietą.

### W Shopify
1. Nadaj każdemu polu element <label for="field-id"> albo przynajmniej atrybut aria-label.
2. Sam tekst zastępczy (placeholder) nie jest etykietą.

### W WooCommerce i WordPressie
1. Nadaj każdemu polu element <label for="field-id"> albo przynajmniej atrybut aria-label.
2. Sam tekst zastępczy (placeholder) nie jest etykietą.

## Jak sprawdzić poprawkę
- Przeskanuj ponownie i potwierdź, że reguła label jest już spełniona.
- Kliknij każdą etykietę i sprawdź, czy przenosi fokus do swojego pola.

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