Leitores de tela leem o atributo alt das imagens para descrever o que a pessoa cega não vê. Segundo a WebAIM (2024), o NVDA é o mais usado, com 65,6% dos respondentes. Alt vazio (alt=””) silencia imagem decorativa em milissegundos. Escreva o alt pensando no que o áudio precisa anunciar.

Alt text é o texto alternativo que descreve uma imagem para quem usa leitores de tela, e o WordPress guarda esse texto no campo “Texto alternativo” da biblioteca de mídia. Quando o campo fica vazio por engano, programas como NVDA e JAWS leem o nome do arquivo no lugar, e a pessoa ouve “I M G underline 2 0 4 3 ponto jpg” letra a letra. Este tutorial mostra, em 5 passos, como escrever alt text que os leitores de tela anunciam de forma útil. Para o mapa completo do tema, veja os conteúdos de acessibilidade WordPress da FULL.

Diagnóstico rápido: O que muda para os leitores de tela

O alt text decide três comportamentos distintos nos leitores de tela, e confundir esses três é a causa mais comum dos tickets de acessibilidade do suporte da FULL. Alt descritivo faz o NVDA anunciar a imagem; alt vazio (alt=””) faz o leitor pular em silêncio; alt ausente faz o JAWS ler o nome do arquivo.

A diferença entre alt vazio e alt ausente é a nuance que mais confunde. No NVDA 2024.x, alt=”” é um sinal explícito de “ignore esta imagem”, enquanto a falta total do atributo deixa o leitor adivinhar, e ele adivinha mal.

Legenda: o campo “Texto alternativo” é a fonte única que os leitores de tela consultam.

Por que o alt errado quebra a navegação por áudio

Alt text mal escrito não é neutro: ele adiciona ruído sonoro que atrasa a leitura em segundos por imagem e, em páginas com muitas fotos, cansa quem ouve. Imagem decorativa com descrição longa força o leitor de tela a narrar algo irrelevante, e esse é o padrão mais comum nos tickets de acessibilidade da base FULL, que conecta mais de 150 mil sites WordPress.

A relação de causa é direta. Imagem decorativa com alt descritivo somada ao NVDA em modo navegação gera ruído que quebra o fluxo de leitura; alt começando com “imagem de” somado ao JAWS gera redundância, porque o leitor já anuncia “gráfico” antes do texto. O alt text precisa começar pelo conteúdo, não pelo tipo de mídia. Quem automatiza com alt text com IA no WordPress ainda precisa revisar, porque a IA descreve a imagem inteira sem saber se ela é decorativa.

Passo a passo: Escrever alt text para leitores de tela em 5 etapas

Escrever alt text correto para leitores de tela leva menos de um minuto por imagem quando você segue uma ordem fixa, e essa ordem evita os dois erros mais caros: descrever decoração e repetir o tipo de mídia. As cinco etapas abaixo vão de classificar a imagem até validar no NVDA, que é gratuito. Cada passo tem um critério de validação claro, então você sabe quando terminou e nenhuma imagem fica sem tratamento.

Passo 1: Decida se a imagem é informativa ou decorativa

Antes de digitar qualquer descrição, classifique a imagem em uma de duas categorias, porque essa decisão define se o alt terá texto ou ficará vazio. Imagem informativa carrega dado que o texto ao redor não tem: foto de um produto, um gráfico, uma captura de tela com instrução. Imagem decorativa só preenche espaço visual: divisores, texturas, ícones repetidos. Se você remover a imagem e o sentido continuar completo, ela é decorativa e recebe alt=””.

Passo 2: Escreva a descrição começando pelo conteúdo

Digite o alt text no campo “Texto alternativo” do WordPress começando direto pelo conteúdo, sem “imagem de” ou “foto de”, porque os leitores de tela já anunciam o papel da mídia. Para uma foto de produto, escreva “Notebook prateado aberto sobre mesa de madeira”, não “Foto de um notebook”. Mantenha a descrição entre 80 e 125 caracteres: longa o bastante para ser útil, curta o bastante para o NVDA não cortar em leituras encadeadas.

Passo 3: Marque imagens decorativas com alt vazio

Para toda imagem classificada como decorativa no Passo 1, deixe o campo de texto alternativo vazio, o que gera alt=”” no HTML e faz os leitores de tela pularem a imagem. No editor de blocos do WordPress 6.x, basta não preencher o campo “Texto alternativo” e marcar, quando disponível, a opção que indica decoração. O resultado é uma navegação por áudio limpa, sem narração de bordas e divisores que não significam nada.

Passo 4: Evite redundância com legenda e texto vizinho

Confira se o alt não repete o que a legenda ou o parágrafo vizinho já dizem, porque os leitores de tela leem os dois em sequência e a duplicação dobra o tempo de escuta. Se a legenda já diz “Gráfico de vendas do primeiro trimestre”, o alt pode ser mais específico: “Barras mostrando alta de 18% em março”. Entender a diferença entre alt e o atributo title ajuda aqui, e o artigo sobre texto alt versus título da imagem no WordPress detalha cada papel.

Passo 5: Valide com um leitor de tela real

Abra a página com o NVDA ativo e navegue pelas imagens com a tecla G para ouvir como cada alt soa de verdade, porque ler o texto na tela não é o mesmo que ouvi-lo. O NVDA é gratuito e roda em Windows; o VoiceOver já vem no macOS. Ouça se a descrição faz sentido fora de contexto e se as imagens decorativas ficam mesmo em silêncio. Essa validação leva poucos minutos e pega erros que nenhuma ferramenta automática detecta.

Ferramentas e checagem em escala para leitores de tela

Validar alt text em um site com centenas de imagens exige ferramentas que mostrem o que os leitores de tela vão encontrar, e três cobrem a maior parte dos casos sem custo: o WAVE, da WebAIM, marca cada imagem sem alt na página; o Chrome DevTools mostra a árvore que NVDA e JAWS consomem; e o próprio NVDA é o teste final de áudio.

Um detalhe que só aparece em escala: em sites com galerias geradas por blocos, o editor repete o nome do arquivo como alt em lote, e no NVDA isso vira uma sequência de códigos lida letra a letra. A correção eficiente é mapear o alt por ID de anexo na biblioteca de mídia, não reescrever bloco a bloco. Cruzar essa checagem com SEO on-page no WordPress rende dobrado, e Core Web Vitals no WordPress caminha junto: imagem leve e bem descrita serve à pessoa e ao buscador.

Padrões de referência para alt text e leitores de tela

Quem escreve alt text para leitores de tela deve seguir a WCAG, padrão internacional do W3C que define o critério 1.1.1 (Conteúdo não textual) como nível A, o mínimo legal em boa parte das legislações. Segundo a WebAIM (2024), que entrevistou 1.539 pessoas usuárias de leitores de tela, o NVDA é o mais usado (65,6%), seguido pelo JAWS (60,5%).

A cadeia de raciocínio é simples: como a WebAIM é a referência de pesquisa do setor há mais de uma década e mede preferências reais de quem navega por áudio, otimizar o alt para o comportamento do NVDA cobre a maior fatia do público. O conceito formal está no glossário de acessibilidade web e WCAG, e a relação com cor aparece em contraste de cor e acessibilidade.

Centralize a acessibilidade de toda a sua carteira de sites

Manter alt text correto em dezenas de sites WordPress é trabalho recorrente, e a FULL resolve isso no plano PRO por R$849 mensais para até 10 sites, o que dá R$85 por site com os plugins de acessibilidade, SEO e performance ativados em um clique. A gente vê no suporte da FULL que quem centraliza esse controle para de tratar acessibilidade como mutirão.

Em vez de revisar leitores de tela site a site, você padroniza a checagem uma vez e replica em toda a carteira, e cada novo site já entra com a rotina de alt text ativa. O ganho é tempo recuperado em tarefa repetitiva e menos retrabalho de auditoria. Conheça o plano PRO em FULL.services/planos e padronize a validação de alt text para leitores de tela em escala, sem depender de mutirão manual a cada auditoria de acessibilidade.

Perguntas frequentes sobre alt text e leitores de tela

Próximos passos para uma navegação por áudio acessível

Alt text correto é a base de qualquer site WordPress que respeita quem usa leitores de tela, e o ganho é cumulativo: cada imagem bem descrita melhora a experiência por áudio e ainda ajuda na indexação de imagens. Comece classificando cada imagem como informativa ou decorativa, escreva descrições que comecem pelo conteúdo e valide com o NVDA antes de publicar. Para aprofundar acessibilidade, SEO e performance em um só lugar, o FULL Academy reúne tutoriais, guias e reviews sobre WordPress. A diferença entre um site acessível e um site que só parece acessível está em ouvir o que os leitores de tela realmente anunciam.