# Prvky formuláře musí mít popisky

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

WCAG 4.1.2 Name, Role, Value · úroveň A

Některá pole formuláře nemají popisek, takže uživatelé čteček obrazovky nevědí, co mají zadat.

## Co toto pravidlo kontroluje
Ověřuje, že každý prvek formuláře má popisek.

## Proč na tom záleží
WCAG 1.3.1, 3.3.2 a 4.1.2 vyžadují, aby pole formuláře měla popisky. Častými viníky jsou pole pro přihlášení k newsletteru a vyhledávací pole.

## Jak to opravit
### Na jakémkoli webu
1. Dejte každému poli prvek <label for="field-id">, nebo alespoň aria-label.
2. Samotný zástupný text (placeholder) se za popisek nepovažuje.

### V Shopify
1. Dejte každému poli prvek <label for="field-id">, nebo alespoň aria-label.
2. Samotný zástupný text (placeholder) se za popisek nepovažuje.

### Ve WooCommerce a WordPressu
1. Dejte každému poli prvek <label for="field-id">, nebo alespoň aria-label.
2. Samotný zástupný text (placeholder) se za popisek nepovažuje.

## Jak opravu ověřit
- Spusťte sken znovu a ověřte, že pravidlo label už neselhává.
- Klikněte na každý popisek a ověřte, že přesune fokus do svého pole.

## Zdroje
- Dokumentace pravidla axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- Vysvětlení kritéria WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value