33 lines
980 B
Markdown
33 lines
980 B
Markdown
# 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.
|