Guia de Implementação
Para cada tipo de violação de acessibilidade: o problema, o impacto real para cada tipo de deficiência, código errado × correto, técnicas ARIA e critérios WCAG 2.1 e eMAG 3.1 correspondentes.
Como usar este guia: Se o Web para Todos encontrou uma violação, identifique a categoria correspondente e consulte os exemplos de código. Cada problema mostra o impacto real para usuários com deficiência, o que ajuda a priorizar e justificar as correções para a equipe.
Tipos de Violação
Selecione uma categoria para ver os problemas, impactos e soluções em detalhe.
Imagens e Alternativas Textuais
2 problemasComo fornecer texto alternativo adequado para imagens, ícones, gráficos e imagens decorativas.
Formulários Acessíveis
3 problemasLabels associados, mensagens de erro, agrupamento de campos e instruções claras para formulários.
Contraste e Uso de Cor
2 problemasRazões de contraste mínimas para texto e componentes de interface, e como não depender apenas de cor para transmitir informação.
Estrutura de Cabeçalhos
2 problemasHierarquia correta de h1–h6, um único h1 por página, saltos de níveis e uso para estrutura vs. estilo.
Links e Navegação
2 problemasTexto de link descritivo, links de pular conteúdo, foco visível e diferenciação de links do texto.
Acessibilidade por Teclado
2 problemasFoco visível, ordem de foco lógica, armadilhas de foco e interação completa sem mouse.
Tabelas de Dados
1 problemaCabeçalhos de tabela, caption, escopo de células e quando usar tabelas de layout vs. CSS Grid/Flexbox.
Multimídia: Áudio e Vídeo
1 problemaLegendas, audiodescrição, transcrições e controles de player acessíveis para conteúdo multimídia.