Formulários Acessíveis: Como Criar Forms que Todos Podem Usar
Boas práticas para criar formulários web acessíveis. Labels, mensagens de erro, validação e como garantir que pessoas com deficiência podem preencher forms.
Formulários acessíveis: O básico que muitos sites falham
Formulários são o ponto de interação mais crítico de um website. Se um utilizador com deficiência não consegue preencher um formulário, não pode contactar a empresa, fazer uma compra ou registar-se.
Regras fundamentais
1. Labels visíveis e associados
Cada campo deve ter um visível e associado via atributo for:
- Nunca use apenas placeholder como label
- O placeholder desaparece quando o utilizador começa a escrever
2. Mensagens de erro claras
- Identifique o campo com erro
- Explique o que está errado
- Sugira como corrigir
- Use cor E texto (não apenas cor)
3. Ordem lógica de tabulação
A navegação por Tab deve seguir a ordem visual do formulário. Nunca use tabindex com valores positivos.
4. Campos obrigatórios identificados
Marque campos obrigatórios com required e aria-required="true". Use asterisco (*) com legenda.
5. Agrupamento lógico
Use e para agrupar campos relacionados (ex: morada, dados pessoais).
Erros comuns
- Botão de submit sem texto descritivo
- CAPTCHAs inacessíveis (use alternativas como reCAPTCHA v3)
- Timeouts que não dão tempo suficiente
- Dropdowns que não funcionam com teclado
Testar formulários
O EAAPass analisa automaticamente todos os formulários do seu website e identifica problemas de acessibilidade, com instruções claras de correção.
Para formulários de contacto, a Zavo garante que as suas páginas de contacto são totalmente acessíveis.
Audite os formulários do seu site. Use o EAAPass ou contacte-nos.
Artigos relacionados
WCAG 2.1: Guia Prático para Developers e Designers Web
Guia prático das WCAG 2.1 para developers. Critérios de sucesso, exemplos de código, ferramentas de teste e como atingir conformidade AA.
EAA (European Accessibility Act): Prazos e Multas que Precisa de Conhecer
Prazos, multas e obrigações do European Accessibility Act para empresas portuguesas. Saiba se a sua empresa está abrangida e como garantir conformidade.
Precisa de ajuda com o seu projecto?
Fale connosco, respondemos em 24 horas, sem compromisso.
Falar com a equipa →