Alt Text Checker

Cole a URL da sua página no campo Page URL, defina o toggle decorativo e clique em Verificar texto alt. A ferramenta obtém a página, analisa cada elemento <img>, e retorna cada imagem com sua classificação alt: ausente, decorativa, boa ou suspeita. Você também recebe uma porcentagem de cobertura (boa mais decorativa dividido pelo total de imagens) e uma exportação CSV. Manualmente, você pode clicar com botão direito em uma imagem, escolher Inspecionar e ler o atributo alt no painel HTML, mas essa abordagem leva 30 segundos por imagem e perde imagens lazy-loaded que carregam abaixo da dobra. Este verificador verifica todas as imagens em uma passada, incluindo as dentro de tags <picture> e <figure>. Para sites com centenas de imagens por página, a economia de tempo é real. Use o website-metadata-checker depois para confirmar que as meta tags correspondem à sua auditoria de imagem.

Sim, texto alt é visível na fonte da página embora não seja exibido na tela para usuários videntes em condições normais. Navegadores mostram texto alt em três situações: quando uma imagem falha ao carregar (link quebrado, CDN bloqueado), quando um usuário passa o mouse em alguns navegadores mais antigos, e quando um usuário leitor de tela navega na página. Desenvolvedores veem texto alt em DevTools inspecionando o elemento <img>. Rastreadores de mecanismo de busca o leem diretamente do HTML. Para auditar texto alt em escala, cole a URL neste verificador e você obtém cada valor alt na página em uma visualização, mais uma miniatura de cada imagem para que você possa identificar incompatibilidades entre o que a imagem mostra e o que o alt diz. Para uma única imagem, clique com botão direito e escolha Inspecionar, então leia o atributo alt= na tag <img>.

Texto alt serve principalmente pessoas com deficiências visuais que usam leitores de tela, incluindo usuários que são cegos, têm baixa visão ou têm condições como degeneração macular que tornam conteúdo de imagem ilegível. Leitores de tela como NVDA, JAWS e VoiceOver leem o atributo alt em voz alta quando encontram uma imagem. Sem texto alt, o leitor de tela ou pula a imagem inteiramente ou lê o nome do arquivo, que geralmente é sem sentido. Texto alt também ajuda usuários com deficiências cognitivas adicionando contexto de texto a conteúdo visual, e usuários em conexões lentas que carregam páginas sem imagens. O Critério de Sucesso 1.1.1 (Nível A) WCAG 2.1 requer alternativas de texto para todas as imagens não decorativas, tornando texto alt um requisito de acessibilidade básico em todo o mundo. O relatório WebAIM Million 2024 descobriu que 54% das páginas iniciais tinham texto alt ausente em pelo menos uma imagem, a falha WCAG mais comum entre os 1 milhão de principais sites.

Clique com botão direito na imagem na página da web e selecione Inspecionar (ou Inspecionar Elemento em alguns navegadores). No painel HTML que aparece, procure o atributo alt dentro da tag de imagem (<img>). O valor alt fica entre aspas, por exemplo alt="Bota Chelsea de couro preto, vista lateral". Se o atributo está ausente, a imagem não tem texto alt. Se você vê alt="", o alt é intencionalmente vazio (decorativo). Para uma única imagem, Inspecionar é rápido. Para uma página completa com 30 ou 50 imagens, abrir Inspecionar em cada uma leva dez minutos. Este verificador verifica cada imagem em uma passada e retorna um CSV com URL de imagem, valor alt e classificação. Use Inspecionar para verificações pontuais e esta ferramenta para auditorias de página completa antes de enviar um redesenho ou após uma migração de CMS.

Use este verificador para uma auditoria de página completa, ou verifique imagens individuais com DevTools do navegador. Para a auditoria completa, digite a URL da sua página, defina o toggle decorativo como Sim se você quiser que alts vazios conformes com WCAG contem como bons, e clique em Verificar texto alt. A saída mostra cada imagem com seu valor alt, uma classificação (ausente / decorativo / bom / suspeito) e uma pontuação de cobertura. Para imagens únicas, clique com botão direito e escolha Inspecionar, então leia o atributo alt= na tag <img>. Para plataformas de redes sociais como Instagram ou LinkedIn, texto alt é editável no fluxo de criação de post mas não sempre visível após o post. Para imagens em WordPress ou Webflow, o campo alt fica na biblioteca de mídia ou configurações de bloco. Execute uma verificação de página completa antes de publicar e após cada migração de CMS para capturar alts que ficam removidos durante mudanças de modelo.

Texto alt fica na fonte HTML de qualquer página da web e é visível através de vários métodos. Em um navegador, clique com botão direito em uma imagem e selecione Inspecionar, então leia o atributo alt= na tag <img>. No Microsoft Office, clique com botão direito em uma imagem e selecione Ver Texto Alt, ou selecione a imagem e escolha Formato de Imagem então Texto Alt. No Google Docs, clique com botão direito e escolha Texto alt. No WordPress, o campo alt está na biblioteca de mídia e no editor de bloco. No Webflow, está no painel de configurações de imagem. Para uma auditoria de página completa em cada imagem de uma vez, cole a URL neste verificador e a saída mostra cada valor alt mais uma miniatura de cada imagem. Leitores de tela também expõem texto alt quando usuários navegam através do conteúdo da página, que é o propósito original do atributo.

O autor ou criador da imagem é a pessoa certa para escrever texto alt porque entende o contexto e a razão pela qual a imagem foi adicionada. Um fotógrafo que tira uma foto de produto sabe se o ângulo, cor ou detalhe importa mais. Um escritor que incorpora um gráfico em um post de blog sabe qual ponto de dados o gráfico ilustra. Passar a escrita de texto alt para um desenvolvedor ou consultor de acessibilidade depois perde esse contexto. Em uma equipe de conteúdo, o fluxo de trabalho deve colocar campos de texto alt diretamente no fluxo de publicação (CMS, ferramenta de design) para que o autor escreva o alt no momento em que carrega a imagem. Use este verificador como uma passada de QA final para capturar alts que o autor pulou ou escreveu mal. Para sites com 1.000+ imagens, considere um ciclo de auditoria trimestral: 25% das páginas a cada trimestre, priorizando os 100 principais URLs que geram tráfego.

Pule texto alt descritivo apenas quando a imagem é puramente decorativa e não adiciona informação, como um GIF espaçador, um padrão de fundo, uma linha divisória, ou um ícone decorativo ao lado de texto que já diz a mesma coisa. Nesses casos, defina alt="" (string vazia) e idealmente adicione role="presentation" para que leitores de tela saibam pular a imagem ao invés de adivinhar. Nunca omita o atributo alt inteiramente; alt ausente força leitores de tela a anunciar o nome do arquivo, que geralmente é ruído. Também pule texto alt em imagens de fundo CSS, que leitores de tela ignoram por padrão. O relatório WebAIM Million 2024 descobriu que 11% das imagens decorativas tinham texto alt verboso que deveria estar vazio, criando fadiga do leitor de tela. Este verificador sinaliza ambas as lacunas: alts ausentes em imagens de conteúdo e alts verbosos em prováveis decorativas.

Ctrl+Shift+R (Cmd+Shift+R no Mac) executa uma atualização forçada no Chrome, recarregando a página e contornando o cache do navegador. Força o Chrome a fazer download novamente de cada asset, incluindo imagens, CSS e JavaScript, ao invés de puxar cópias em cache. Isso importa para auditoria de texto alt de duas maneiras. Primeiro, se você atualizou atributos alt via seu CMS mas a página ainda mostra os alts antigos em DevTools, uma atualização forçada força o novo HTML a carregar. Segundo, se imagens não estão renderizando e você suspeita de um problema de cache ao invés de um link realmente quebrado, uma atualização forçada confirma se a imagem realmente carrega. Após uma atualização forçada, execute novamente este verificador para auditar a página recém-obtida. A ferramenta em si obtém uma cópia fresca da página a cada execução, então não é afetada pelo cache do seu navegador, mas verificações de DevTools pontuais são.

O Critério de Sucesso 1.1.1 (Conteúdo Não-Texto, Nível A) WCAG 2.1 requer que todo conteúdo não-texto tenha uma alternativa de texto servindo o propósito equivalente, com exceções específicas para conteúdo decorativo, controles e CAPTCHAs. Para imagens, isto significa toda tag <img> significativa precisa de um atributo alt= não-vazio que descreva a imagem. Imagens decorativas precisam de alt="". Imagens CAPTCHA precisam de texto alt descrevendo o propósito, não o quebra-cabeça. WCAG 2.2 mantém este critério inalterado. Processos ADA nos EUA frequentemente citam texto alt ausente como uma falha primária, com mais de 4.000 processos de acessibilidade web apresentados apenas em 2023. O relatório WebAIM Million 2024 descobriu 54% das páginas iniciais principais tinham texto alt ausente. Este verificador avalia cada imagem contra a regra WCAG e fornece uma pontuação de cobertura para que você saiba se a página passa no Nível A neste critério antes da auditoria formal.

Aponte para 5-125 caracteres por alt, com a maioria dos bons alts caindo na faixa de 40-80 caracteres. Leitores de tela cortam alts após aproximadamente 125 caracteres em algumas implementações, e o algoritmo de busca de imagem do Google parece parar de pesar conteúdo após esse comprimento. Qualquer coisa abaixo de 5 caracteres geralmente é muito vaga (pense em "logo" ou "ícone"). Qualquer coisa acima de 200 caracteres lê como keyword stuffing ou descreve detalhe que o usuário não pediu. Para imagens complexas como infográficos, gráficos ou diagramas, use um alt curto (abaixo de 125 caracteres) mais uma descrição mais longa no parágrafo circundante ou via atributo aria-describedby. Este verificador sinaliza alts abaixo de 5 caracteres como suspeitos e alts acima de 200 caracteres como longos demais, para que você veja ambos os extremos em uma passada de auditoria.

Use alt="" quando a imagem é puramente decorativa e não adiciona informação que apenas texto perde. Exemplos incluem GIFs espaçadores, divisores ornamentais, padrões de fundo, ícones decorativos ao lado de texto que diz a mesma coisa, e floreios estilo CSS. Emparelhe alt="" com role="presentation" para ser explícito sobre intenção decorativa. A string vazia diz aos leitores de tela para pular a imagem limpa. Falta do atributo alt inteiramente (sem alt= nenhum) força leitores de tela a anunciar o nome do arquivo, que é o resultado errado para imagens decorativas. O guia de auditoria WCAG.com 2024 observa que 11% das imagens decorativas carregam alts verbosos que deveriam estar vazios, e 8% das imagens significativas carregam alts vazios que deveriam ser descritivos. Alterne o campo Tratar alt='' vazio como decorativo intencional para controlar como este verificador maneja alts vazios ambíguos no seu site.

Nome de arquivo como alt (alt="IMG_2847.jpg" ou alt="screen-shot-2024-01-15.png") diz aos leitores de tela para literalmente ler o nome do arquivo caractere por caractere, que soa como ruído e não transmite nada sobre a imagem. Também dá a Google Image Search nada útil para classificar, já que nomes de arquivo aleatórios alfanuméricos não carregam conteúdo semântico. O estudo de busca de imagem Ahrefs 2024 descobriu que páginas com alts de nome de arquivo em mais de 20% das imagens classificadas 40% mais baixo em Google Image Search do que páginas com alts descritivos em cada imagem. Este verificador sinaliza padrões de nome de arquivo (IMG_, DSC_, screen-shot, .jpg no valor alt, etc.) como suspeitos para que você possa corrigi-los rapidamente. Substitua alt="IMG_2847.jpg" pelo que a imagem realmente mostra: alt="Bota Chelsea de couro preto, vista lateral". A correção leva 10 segundos por imagem e recupera tanto valor de acessibilidade quanto de SEO de imagem.

Google lê texto alt em dois lugares: como o sinal de classificação principal para Google Image Search, e como contexto de conteúdo para a página circundante em busca web regular. Para busca de imagens, Google classifica imagens em parte por quão bem o texto alt combina com a consulta de busca, juntamente com nome de arquivo, texto circundante e sinais de qualidade de imagem. Para busca web, Google usa texto alt para entender o que uma página é quando imagens carregam conteúdo significativo (gráficos, fotos de produto, infográficos). Um estudo Ahrefs 2024 de 1,2 milhões de resultados de busca de imagens descobriu que páginas com alts descritivos em cada imagem acima da dobra classificadas 30-50% mais alta em Google Image Search do que páginas com alts ausentes ou em nome de arquivo. Google não penaliza texto alt ausente diretamente em classificações de busca regular, mas alts ausentes confiscam o tráfego de busca de imagens e enfraquecem sinais de relevância topical. Use este verificador mais o website-metadata-checker para uma auditoria completa de SEO na página.

Texto alt (alt="...") é a alternativa de texto para o conteúdo da imagem, lida por leitores de tela e usada por mecanismos de busca para classificação de imagem. O atributo title (title="...") é texto suplementar mostrado como dica de ferramenta ao passar com o mouse em alguns navegadores, e é amplamente ignorado por leitores de tela e mecanismos de busca. Alt é requerido por WCAG. Title é opcional e frequentemente inútil já que usuários móveis não podem passar o mouse, e muitos leitores de tela de desktop o pulam. Se você tem algo útil a dizer sobre uma imagem, coloque no alt ou no parágrafo circundante, não no title. A pesquisa WebAIM 2024 de usuários de leitor de tela descobriu 73% dos respondentes preferiram texto alt a atributos title para informação de imagem. Este verificador audita apenas o atributo alt, já que title raramente vale a pena otimizar. Concentre seu esforço em escrever alts fortes e pule titles a menos que você tenha uma razão específica para usá-los.

Leitores de tela como NVDA, JAWS e VoiceOver anunciam imagens lendo o atributo alt em voz alta, prefaciado pela palavra "imagem" ou "gráfico" dependendo do leitor de tela. Para <img alt="Bota Chelsea de couro preto">, NVDA anuncia "gráfico, Bota Chelsea de couro preto". Para <img alt=""> emparelhado com role="presentation", o leitor de tela pula a imagem inteiramente. Para <img> sem nenhum atributo alt, a maioria dos leitores de tela volta a ler o nome do arquivo ou a URL, que soa como "gráfico, I M G sublinhado 2 8 4 7 ponto J P G". A pesquisa de leitor de tela WebAIM 2024 descobriu 67% dos respondentes classificaram texto alt ausente ou fraco como uma barreira "muito séria" para uso na web, classificando acima de rótulos de formulário ausentes e navegação por teclado quebrada. Execute este verificador antes de qualquer lançamento para capturar alts ausentes e suspeitos antes de usuários de leitor de tela os encontrarem.

Bom texto alt é curto (40-80 caracteres típico, 125 máximo), descreve o que a imagem mostra em linguagem simples, e adiciona informação não já no texto circundante. Comece com o elemento visual mais importante. Para uma foto de produto: "Adidas Samba Vermelho, vista de três-quartos". Para um gráfico: "Gráfico de barras mostrando crescimento de receita de 40% Q1 a Q4 2024". Para um retrato: "Sarah Chen, CEO da Acme, sorrindo para a câmera". Pule frases como "imagem de" ou "foto de" já que leitores de tela já anunciam a imagem. Pule o nome do arquivo. Pule keyword stuffing. Para imagens decorativas, use alt="" com role="presentation". Para imagens complexas como infográficos, escreva um alt curto e coloque a descrição completa no parágrafo circundante ou em um elemento aria-describedby. Este verificador sinaliza alts abaixo de 5 caracteres, acima de 200 caracteres, todos maiúsculas, palavra única e padrões de nome de arquivo para que você possa reescrever os fracos em uma passada.