Erro · label
Campos de formulário sem rótulo
Lighthouse / axe chamam de: Form elements must have labels · Form elements do not have associated labels
Nos seus formulários (compra, contato, cadastro) há campos que não dizem o que vai ali. Um cliente cego ouve "caixa de texto" e não consegue terminar a compra.
Quem fica de fora: pessoas cegas (leitor de tela) · pessoas com deficiência cognitiva
Como corrigir
Cada campo precisa de um rótulo visível ("E-mail", "Endereço"). Apontamos os campos exatos e escrevemos o código.
No código
Envolva o campo em um <label>, ou ligue-o com <label for="id">; o placeholder não é um rótulo.
✓ Nosso verificador escreve e testa esta correção por você.
Onde corrigir sem programar
Se o seu site está em uma destas plataformas, a correção fica no painel:
WordPress:
Se usa um plugin de formulários (Contact Form 7, WPForms, Gravity): edite o formulário → dê a cada campo um Rótulo visível. O placeholder não basta.Shopify:
Os rótulos do formulário de contato vêm do tema: Personalizar → seção Formulário de contato, ou código abaixo.Wix:
Editor → clique no formulário → Gerenciar campos → em cada campo, mostre o título do campo (rótulo).Squarespace:
Edite o bloco de formulário → cada campo → Rótulo. Desative "ocultar rótulo".Webflow:
Designer → selecione o campo → Configurações → Rótulo; deixe "mostrar rótulo" ativado.Odoo:
Site → Editar → clique no formulário → Campo → mostrar o rótulo do campo.
Não quer corrigir na mão, elemento por elemento?
Coloque o seu endereço. Em um minuto você tem cada falha da página explicada e o código corrigido, já testado em um navegador, de cada elemento que dá para corrigir. Grátis, sem conta.
O relatório completo cobre as páginas que importam (pagamento, carrinho, contato) e todas as correções, por US$ 15 uma vez ou com o monitoramento.
Erros relacionados
Os testes automáticos cobrem cerca de metade dos critérios WCAG; uma declaração de conformidade completa exige também revisão manual. Informação técnica, não aconselhamento jurídico.