# Elementos de formulário devem ter rótulos

<https://www.fixreports.com/pt-br/issues/label>

WCAG 4.1.2 Nome, Função, Valor · Nível A

Alguns campos de formulário não têm rótulo, então quem usa leitor de tela não sabe o que digitar.

## O que esta regra verifica
Certifique-se de que cada elemento de formulário tenha um rótulo.

## Por que isso importa
Os critérios 1.3.1, 3.3.2 e 4.1.2 da WCAG exigem que os campos de formulário tenham rótulos. Campos de inscrição na newsletter e de busca são os casos mais comuns.

## Como corrigir
### Em qualquer site
1. Dê a cada campo um elemento <label for="field-id"> ou, no mínimo, um aria-label.
2. Um texto de placeholder sozinho não conta como rótulo.

### Na Shopify
1. Dê a cada campo um elemento <label for="field-id"> ou, no mínimo, um aria-label.
2. Um texto de placeholder sozinho não conta como rótulo.

### No WooCommerce e no WordPress
1. Dê a cada campo um elemento <label for="field-id"> ou, no mínimo, um aria-label.
2. Um texto de placeholder sozinho não conta como rótulo.

## Como conferir a correção
- Analise de novo e confirme que a regra label não falha mais.
- Clique em cada rótulo e confira se ele coloca o foco no campo correspondente.

## Fontes
- Documentação da regra do axe-core (Deque): https://dequeuniversity.com/rules/axe/4.13/label
- Entendendo a WCAG 4.1.2 (W3C): https://www.w3.org/WAI/WCAG22/Understanding/name-role-value