# Elementele de formular trebuie să aibă etichete

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

WCAG 4.1.2 Name, Role, Value · Nivelul A

Unele câmpuri de formular nu au etichetă, așa că utilizatorii de cititoare de ecran nu știu ce să introducă.

## Ce verifică această regulă
Verifică dacă fiecare element de formular are o etichetă.

## De ce contează
WCAG 1.3.1, 3.3.2 și 4.1.2 cer ca câmpurile de formular să aibă etichete. Câmpurile de abonare la newsletter și de căutare sunt printre cele mai frecvente cazuri.

## Cum se remediază
### Pe orice site
1. Dați fiecărui câmp un element <label for="field-id"> sau, cel puțin, un aria-label.
2. Textul substituent (placeholder) singur nu contează ca etichetă.

### Pe Shopify
1. Dați fiecărui câmp un element <label for="field-id"> sau, cel puțin, un aria-label.
2. Textul substituent (placeholder) singur nu contează ca etichetă.

### Pe WooCommerce și WordPress
1. Dați fiecărui câmp un element <label for="field-id"> sau, cel puțin, un aria-label.
2. Textul substituent (placeholder) singur nu contează ca etichetă.

## Cum se verifică remedierea
- Scanați din nou și confirmați că regula label nu mai eșuează.
- Faceți clic pe fiecare etichetă și verificați că mută focusul în câmpul ei.

## Surse
- Documentația regulii axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- Înțelegerea criteriului WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value