WordPress e Acessibilidade: Checklist Essencial para Sites Modernos [2026]
O WordPress tem funcionalidades nativas de acessibilidade — mas elas são apenas o começo. Para um site verdadeiramente acessível e conforme com a Lei Brasileira de Inclusão e o WCAG 2.1 AA, é necessário um trabalho cuidadoso na escolha do tema, configuração dos plugins e produção do conteúdo. Este checklist cobre tudo.
Bloco 1: Tema WordPress Acessível
O tema é a base de tudo. Verificar:
- ✅ O tema está listado como "Accessibility Ready" no diretório oficial WordPress.org?
- ✅ O foco do teclado é sempre visível (outline no focus)?
- ✅ O menu de navegação é operável com teclado (setas, Tab, Esc)?
- ✅ Existe um link "Pular para o conteúdo" visível ao focar?
- ✅ O contraste de todas as cores de texto atende 4.5:1?
- ✅ O idioma está declarado no
<html lang="pt-br">? - ✅ O layout não quebra com zoom até 200%?
Temas com boa reputação de acessibilidade: GeneratePress, Kadence, Neve, Astra (com atenção às configurações de contraste), Twenty Twenty-Four (tema oficial WordPress).
Bloco 2: Configurações do WordPress
- ✅ Permalinks configurados com slugs descritivos (não
/p=123)? - ✅ Título e tagline do site são descritivos?
- ✅ As categorias e tags têm nomes descritivos?
- ✅ O campo de descrição das imagens está preenchido no Media Library?
Bloco 3: Editor de Conteúdo (Gutenberg)
- ✅ Cada post tem exatamente um bloco H1 (ou o título já é o H1)?
- ✅ A hierarquia de cabeçalhos H2 → H3 é mantida sem pular níveis?
- ✅ Todas as imagens no editor têm alt text preenchido?
- ✅ Os links em texto têm descrição significativa (não "clique aqui")?
- ✅ Tabelas usam elementos
<th>para cabeçalhos? - ✅ Existe player de áudio em artigos longos?
Bloco 4: Imagens
- ✅ Imagens informativas têm alt text descritivo?
- ✅ Imagens decorativas têm
alt=""? - ✅ Imagens com texto embutido têm o texto no alt?
- ✅ A imagem destacada do post tem alt text?
- ✅ Imagens de gráficos têm os dados descritos em texto?
Bloco 5: Formulários
- ✅ Todos os campos têm
<label>associado? - ✅ Os erros de validação são comunicados em texto (não só pela cor)?
- ✅ Os campos obrigatórios são indicados no label (não só com asterisco)?
- ✅ O CAPTCHA tem alternativa acessível?
- ✅ O formulário pode ser submetido com Enter/keyboard?
Bloco 6: Plugins de Terceiros
- ✅ O plugin de pop-up/modal prende o foco dentro do modal?
- ✅ O chat ao vivo é operável por teclado?
- ✅ O carrinho/checkout (WooCommerce) tem labels corretos em todos os campos?
- ✅ O plugin de galeria tem descrições e navegação por teclado?
- ✅ Não há autoplay de mídia com som?
Bloco 7: Acessibilidade de Áudio
- ✅ Existe player de áudio para artigos longos (>500 palavras)?
- ✅ O player de áudio tem controles acessíveis (play/pause com aria-label)?
- ✅ O player é operável por teclado?
- ✅ O player não inicia automaticamente com som?
- ✅ Existe controle de velocidade de reprodução?
- ✅ Vídeos embutidos têm legendas ativas?
Para o item de player de áudio, o VoiceXpress implementa automaticamente todos esses requisitos. Veja como em como adicionar leitura automática de posts no WordPress.
Bloco 8: Testes e Validação
- ✅ Lighthouse Accessibility score ≥ 90?
- ✅ axe DevTools sem erros críticos ou sérios?
- ✅ Navegação por teclado funciona em todas as páginas?
- ✅ Testado com leitor de tela (NVDA ou VoiceOver)?
- ✅ Testado com zoom 200% sem quebrar o layout?
Implemente o Item Mais Impactante: Áudio
O VoiceXpress adiciona um player de áudio acessível e conforme com WCAG 2.1 em todos os seus posts WordPress automaticamente.
Instalar VoiceXpress →