Um tema acessível respeita a WCAG 2.2 em contraste, foco visível, semântica e navegação por teclado. Segundo o WebAIM Million (2026), 83,9% das home pages têm texto abaixo do contraste mínimo. A maioria desses erros nasce no tema, não no conteúdo. Escolher o tema certo resolve a base; o resto depende de plugins e revisão editorial.

Um tema acessível é o template que entrega o site já em conformidade com a WCAG 2.2 nos pontos que dependem do código: contraste de cor, ordem de foco, marcação semântica e operação por teclado. Ele não garante um site 100% acessível sozinho, porque imagem sem texto alternativo e formulário mal rotulado vêm do editor. Mas um tema acessível remove a camada de barreiras estruturais que nenhum plugin conserta depois. Na prática que a gente vê no suporte da FULL, trocar de tema resolve mais problemas de acessibilidade do que instalar dez plugins de correção. Este guia faz parte do hub de acessibilidade no WordPress da FULL e cobre os critérios que separam um tema acessível de um tema apenas bonito.

O que define um tema acessível: Definição operacional

Um tema acessível atende a quatro frentes técnicas mensuráveis antes de qualquer conteúdo entrar no ar. A primeira é contraste: razão mínima de 4.5:1 para texto corpo, conforme a WCAG 2.2. A segunda é foco visível. A terceira é semântica, com um único H1 e hierarquia sem saltos. A quarta é operação total por teclado, sem depender do mouse.

A tabela abaixo resume o que um tema acessível precisa entregar de fábrica e o que continua sendo responsabilidade de quem publica. A separação importa: muita gente compra um tema rotulado como acessível e culpa o template por erros que são de conteúdo.

Legenda: a mesma paleta reprova ou passa na WCAG conforme a razão de contraste do texto sobre o fundo.

Por que contraste é o erro mais comum em tema acessível

O contraste de cor é a falha número um e aparece em 83,9% das páginas analisadas pelo WebAIM Million em 2026. A causa costuma ser a mesma: um cinza claro elegante para texto secundário e rótulos cai abaixo de 4.5:1 contra o branco. Um tema acessível trata isso fixando a paleta dentro do limite WCAG já no theme.json.

O problema agrava quando o tema usa cores de marca do cliente sem checagem. Texto branco sobre um amarelo de marca, por exemplo, costuma ficar em 1.8:1, ilegível para qualquer pessoa com baixa visão. A regra de contraste de cor para acessibilidade não é estética: é a diferença entre o conteúdo ser lido ou não. Ferramentas como WAVE e Lighthouse apontam cada par de cores reprovado em segundos, e um tema acessível bem construído sai com zero apontamentos de contraste no relatório inicial.

Foco visível e teclado: O critério que ninguém testa

Operação por teclado é o critério que mais reprova em auditoria, e ferramentas automáticas pegam menos de 40% dessas falhas. Um tema acessível mantém o outline de foco visível em todo elemento interativo e preserva a ordem de tabulação. Quando o tema troca a tag nativa por uma

com onclick, o teclado não alcança aquele controle.

O caso mais frequente nos tickets da FULL é o menu mobile de temas de page builder. O overlay abre, mas o foco continua no conteúdo atrás dele. Sem aria-modal e sem focus trap, o leitor de tela segue lendo a página de fundo enquanto o menu está aberto, o que confunde por completo a navegação. Para validar, basta navegar o site só com Tab e Enter: se algum link some do caminho ou o foco desaparece, o tema reprova. O guia de menu de navegação no WordPress mostra como manter a estrutura do menu semântica.

---

Semântica e leitor de tela: A estrutura invisível

A marcação semântica é o que um leitor de tela usa para montar o mapa da página, e um tema acessível acerta isso no template. São 4 pilares: um único

, hierarquia sem saltos, e regiões

,

,

` ou remove ARIA essencial, a correção manual fica frágil e quebra a cada update. Nesses casos, migrar para um tema acessível de base sólida custa menos esforço que remendar.

Por que um tema marcado como acessível ainda reprova em auditoria?

Porque o rótulo “acessível” não é certificado WCAG 2.2 e mede só o template vazio. Ferramentas como WAVE e Lighthouse avaliam a página publicada inteira, então a reprovação vem do que o editor adicionou: imagem sem alt, formulário de terceiros mal rotulado, cor de marca abaixo de 4.5:1. O Lighthouse pode dar nota 100 no tema puro e cair para 70 com o conteúdo real por cima. O tema entrega a base; a auditoria julga o resultado final.

Qual a diferença entre tema acessível e tema responsivo?

São coisas distintas. Tema responsivo adapta o layout a telas de tamanhos diferentes, do celular ao desktop. Tema acessível garante que o conteúdo seja percebido e operado por todos, incluindo quem usa leitor de tela ou só teclado, seguindo a WCAG 2.2. Um tema pode ser perfeitamente responsivo e mesmo assim reprovar em contraste, foco e semântica, ou seja, ser inacessível.

Quanto custa tornar um tema WordPress acessível?

Varia conforme o ponto de partida. Corrigir contraste e foco num tema já bom é trabalho de poucas horas e custo zero de licença. Reescrever um tema com HTML não semântico pode exigir desenvolvimento dedicado. Optar por um tema acessível de fábrica, como o Astra PRO incluso no plano PRO da FULL por R$849 ao ano (cerca de R$85 por site), costuma sair mais barato que a correção retroativa.

O que a WCAG 2.2 exige de um tema acessível?

A WCAG 2.2 nível AA exige contraste mínimo de 4.5:1 para texto corpo e 3:1 para texto grande, foco visível em todo elemento interativo, operação completa por teclado, hierarquia de cabeçalhos sem saltos e marcação semântica com regiões e ARIA quando necessário. Um tema acessível precisa atender a esses critérios de código de fábrica, deixando ao editor apenas o alt das imagens e a revisão do conteúdo publicado.

---

Próximos passos para um site acessível

Escolher um tema acessível é a decisão de maior impacto e a mais difícil de reverter depois, então vale priorizá-la antes de qualquer plugin. Comece pelos quatro critérios de código (contraste, foco, semântica e teclado), valide com WAVE, Lighthouse e um teste manual de teclado, e só então parta para o conteúdo. Lembre que o tema resolve a estrutura, mas alt de imagem, plugins de terceiros e customizações de CSS continuam nas suas mãos. Para continuar aprendendo, o FULL Academy reúne tutoriais, guias e reviews de WordPress em um só lugar. A acessibilidade, como o padrão WCAG deixa claro, é processo contínuo, não item de checklist único, e um bom tema WordPress é onde esse processo começa.