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
- Dê a cada campo um elemento <label for="field-id"> ou, no mínimo, um aria-label.
- 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.
Como o FixReports detecta o problema
Nossa análise executa a regra label do axe-core em um navegador Chrome real em cada página testada e informa cada elemento reprovado com a página, o código e, quando for o caso, uma captura de tela.
Um teste automatizado confirma que esse problema específico existe. Ele não consegue dizer se o restante da página é acessível: algumas barreiras só aparecem quando uma pessoa verifica a página.