Acessibilidade no WordPress: as 10 falhas mais comuns e onde corrigir sem programar
O que aparece de novo e de novo ao varrer sites em WordPress: imagens sem descrição, contraste do tema, formulários de plugins sem rótulo, carrosséis. E o menu exato onde cada um é corrigido.
· Rampa
O WordPress em si é razoavelmente acessível: o núcleo segue as WCAG há anos. As falhas vêm de três lugares: o tema (cores, botões, menus), os plugins (formulários, carrosséis, chats) e o conteúdo (fotos enviadas sem descrição). Isto é o que mais se repete nas varreduras e onde cada coisa é corrigida.
1. Imagens sem texto alternativo
A falha número um em qualquer site. Corrige-se em Mídia → Biblioteca → clique na imagem → "Texto alternativo": uma frase que diga o que há na foto. Se a imagem é decorativa (um enfeite, um separador), deixe o campo vazio de propósito; o leitor de tela pula.
2. Contraste baixo no tema
Cinza claro sobre branco em subtítulos, preços e legendas. Aparência → Editor → Estilos → Cores (temas de blocos) ou Aparência → Personalizar → Cores (temas clássicos). Texto normal precisa de 4,5:1 contra o fundo.
3. Links que dizem "leia mais" ou "clique aqui"
Edite o post, selecione o link e troque o texto por algo que diga aonde vai: "Ver preços", "Ler o artigo sobre X". Em listagens, muitos temas têm a opção "incluir o título no link Leia mais".
4. Campos de formulário sem rótulo
Contact Form 7, WPForms e Gravity permitem ocultar o rótulo e deixar só o texto de exemplo. O texto de exemplo some ao digitar e o leitor de tela não lê. Edite o formulário e ative o rótulo visível em cada campo.
5. Idioma não declarado
Configurações → Geral → Idioma do site. Se está em "English" e o seu site é em português, o leitor de tela lê o português com voz inglesa.
6. Títulos que pulam de H2 para H4
No editor, cada bloco de título tem seu nível. Não pule níveis: H1 (o título), H2 (seções), H3 (subseções). A maioria dos temas deixa H1 no título automaticamente; não coloque outro H1 no conteúdo.
7. Carrosséis que se movem sozinhos
Slider Revolution, Smart Slider, o carrossel do Elementor: quase todos vêm com "autoplay" ligado. Desligue ou adicione o botão de pausa ("mostrar controles"). As WCAG exigem poder parar qualquer coisa que se mova por mais de 5 segundos.
8. Botões pequenos demais no celular
Ícones de redes no rodapé, setas de carrossel, o X do aviso de cookies. Mínimo 24×24 pixels. Em Personalizar → CSS adicional dá para aumentar; muitos plugins de cookies têm a opção "tamanho do botão".
9. Zoom bloqueado
Alguns temas e plugins de "web app" adicionam user-scalable=no e bloqueiam o zoom no celular. Procure essa opção no tema ("desativar zoom") e desligue.
10. Vídeos sem legendas
Se o vídeo está no YouTube, ative as legendas lá (e revise: as automáticas têm erros). Se enviou ao WordPress, Mídia → o vídeo → "Faixas de texto" aceita um arquivo .vtt.
E o que menus não corrigem
Menus suspensos que não abrem com o teclado, pop-ups que prendem o foco, ícones-link do tema sem nome: isso está no código do tema. Aí o que você precisa é o HTML corrigido para passar a quem instalou, não outro plugin.