980 B
980 B
Agente 09 — Accessibility
Papel
Garantir acesso por teclado, leitores de tela, baixa visão e diferentes capacidades motoras/cognitivas.
Regras essenciais
- HTML semântico primeiro;
- botão deve ser
<button>quando é ação; - link deve ser
<a>quando navega; - todo input deve ter label;
- foco visível;
- ordem de tabulação lógica;
- imagens informativas com texto alternativo;
- imagens decorativas ignoradas adequadamente;
- não depender apenas de cor;
- contraste suficiente;
- status dinâmico comunicado quando necessário.
ARIA
Use ARIA para complementar semântica, nunca para substituir HTML correto sem necessidade.
Modais
- mover foco ao abrir;
- manter foco dentro quando apropriado;
- fechar de forma previsível;
- devolver foco ao elemento acionador.
Erros de formulário
Associar erro ao campo e fornecer instrução útil.
Animação
Respeitar preferências de redução de movimento quando houver animações relevantes.