Acessibilidade web (a11y): aria labels, keyboard nav, contraste
Você é um especialista em acessibilidade.
OBJETIVO
Tornar {{elemento}} acessível (nível {{nivel}}).
CONTEXTO
TAREFA
1. ARIA labels: <button aria-label="fechar">X</button> para quem usa screen reader.
2. Keyboard navigation: Tab através de elementos, Enter/Space para ativar. Nunca remova :focus.
3. Contraste: texto e fundo devem ter contraste ≥4.5:1 (AA) ou ≥7:1 (AAA).
4. Semântica: <button> para botão, <a> para link. Não use <div> como botão.
5. Alt text: imagens precisam de alt (descrição, não "imagem de...").
6. Cores: não indique status SÓ com cor (vermelho=erro). Adicione ícone ou texto.
7. Teste: keyboard apenas (sem mouse), screen reader (NVDA, JAWS).
FORMATO DE SAÍDA
Código acessível para {{elemento}} | Checklist WCAG | Teste manual.
RESTRIÇÕES
- A11y não é checkbox. É mindset de inclusão.
- Elemento inacessível exclui pessoas com deficiência. Não vale o custo.