# Dapat may label ang mga form element

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

WCAG 4.1.2 Name, Role, Value · Level A

May mga form field na walang label, kaya hindi alam ng mga gumagamit ng screen reader kung ano ang ilalagay.

## Ano ang sinusuri ng patakarang ito
Tiyaking may label ang bawat form element.

## Bakit ito mahalaga
Hinihingi ng WCAG 1.3.1, 3.3.2 at 4.1.2 na may label ang mga form field. Ang mga newsletter sign-up at search field ang karaniwang may ganitong problema.

## Paano ito ayusin
### Sa anumang website
1. Bigyan ang bawat field ng <label for="field-id"> element, o kahit man lang ng aria-label.
2. Hindi ibinibilang na label ang placeholder text lang.

### Sa Shopify
1. Bigyan ang bawat field ng <label for="field-id"> element, o kahit man lang ng aria-label.
2. Hindi ibinibilang na label ang placeholder text lang.

### Sa WooCommerce at WordPress
1. Bigyan ang bawat field ng <label for="field-id"> element, o kahit man lang ng aria-label.
2. Hindi ibinibilang na label ang placeholder text lang.

## Paano susuriin ang ayos
- I-scan ulit at kumpirmahing hindi na bumabagsak ang patakarang label.
- I-click ang bawat label at tingnan kung napupunta ang focus sa field nito.

## Mga sanggunian
- Dokumentasyon ng axe-core rule (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- Understanding WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value