WCAG Explicado de Forma Simples: o Que Muda no Seu Site [2026]
WCAG parece complexo, mas os princípios fundamentais são simples. Neste guia, você vai entender o que é o WCAG 2.1, quais são os critérios obrigatórios no Brasil, como verificar se seu site está em conformidade e o que fazer quando não está — sem precisar ser desenvolvedor.
O que é WCAG?
WCAG (Web Content Accessibility Guidelines) é o conjunto de diretrizes de acessibilidade para conteúdo web publicado pelo W3C — o mesmo órgão que define os padrões HTML e CSS. A versão atual adotada como referência é o WCAG 2.1, publicado em 2018.
No Brasil, a Lei Brasileira de Inclusão (LBI — Lei 13.146/2015) e o Decreto 5.296/2004 estabelecem que sites e serviços digitais devem seguir padrões de acessibilidade. O WCAG 2.1 nível AA é o padrão técnico de referência utilizado pelo governo brasileiro (e-MAG).
Os 4 Princípios do WCAG (POUR)
Todo o WCAG está organizado em torno de 4 princípios fundamentais, conhecidos pelo acrônimo POUR:
P — Perceptível (Perceivable)
O conteúdo deve ser apresentado de formas que todos os usuários possam perceber. Exemplos práticos:
- Imagens com atributo alt descritivo
- Vídeos com legendas e audiodescrição
- Contraste de cor mínimo de 4.5:1 para texto
- Áudio como alternativa ao texto — é aqui que o TTS se enquadra
O — Operável (Operable)
Toda a interface deve ser navegável e utilizável. Exemplos:
- Toda funcionalidade acessível via teclado (sem mouse)
- Usuário tem tempo suficiente para ler e usar o conteúdo
- Sem elementos que causam convulsões (flashes > 3 por segundo)
- Player de áudio com controles acessíveis por teclado
U — Compreensível (Understandable)
O conteúdo e a interface devem ser compreensíveis. Exemplos:
- Idioma da página declarado no HTML (
lang="pt-br") - Erros de formulário descritos claramente
- Navegação consistente em todas as páginas
R — Robusto (Robust)
O conteúdo deve funcionar em diferentes tecnologias assistivas, agora e no futuro:
- HTML semântico correto (não usar div para botões)
- ARIA roles e labels onde necessário
- Compatibilidade com NVDA, JAWS, VoiceOver e TalkBack
Os 3 Níveis de Conformidade
O WCAG define 3 níveis de conformidade:
| Nível | Descrição | Obrigatório? |
|---|---|---|
| A | Requisitos mínimos. Sem eles, o site é inacessível. | Sim |
| AA | Padrão de mercado. Remove as principais barreiras. | Exigido pela LBI |
| AAA | Melhor experiência possível. Nem sempre viável. | Recomendado |
O objetivo mínimo para a maioria dos sites brasileiros é o nível AA. É o que a LBI exige e o que a maioria das auditorias de acessibilidade avalia.
Os Critérios Mais Importantes para Sites de Conteúdo
1.1.1 — Conteúdo Não-Textual (Nível A)
Toda imagem, gráfico e elemento visual deve ter texto alternativo. Para imagens decorativas, use alt="".
1.4.3 — Contraste Mínimo (Nível AA)
Texto com fonte menor que 18pt (ou 14pt negrito) precisa de contraste de no mínimo 4.5:1.
2.4.4 — Propósito do Link (Nível A)
Links devem ser descritivos. Evite "clique aqui" — use "Veja o guia de acessibilidade" para que o contexto seja claro fora do parágrafo.
4.1.2 — Nome, Função, Valor (Nível A)
Componentes de interface (botões, campos, players) precisam ter nome, função e estado acessíveis para tecnologias assistivas via HTML semântico ou ARIA.
Como Verificar se Seu Site Atende ao WCAG
- Lighthouse: no Chrome DevTools (F12), aba "Lighthouse", rode uma auditoria de Acessibilidade
- axe DevTools: extensão gratuita para Chrome e Firefox que detecta mais de 50 tipos de erro WCAG
- WAVE: ferramenta online de avaliação visual (wave.webaim.org)
- Teste manual: navegue no site usando apenas o teclado (Tab para focar, Enter para ativar)
Para um guia detalhado de testes, veja o artigo sobre como testar acessibilidade do seu site.
Conformidade WCAG com Áudio em Minutos
O VoiceXpress adiciona leitura de artigos com player WCAG 2.1 AA compliant ao seu site, atendendo múltiplos critérios automaticamente.
Começar Agora →