# Verificador de texto alternativo de imagens Digite o endereço de uma página para listar todas as imagens dela com o texto alternativo, lido em um navegador real depois que os scripts rodam. Veja quais imagens não têm, quais estão marcadas como decorativas e quais têm um texto alternativo que não descreve nada. ## O que esta ferramenta verifica - Imagens sem texto alternativo: Todo elemento img e todo botão de imagem sem atributo alt e sem nenhum outro nome acessível, como aria-label. - Imagens com link que deixam o link sem nome: Logos e ícones dentro de links ou botões que não têm texto alternativo nem outro texto, de modo que um leitor de tela só consegue anunciar “link”. - Texto alternativo que parece nome de arquivo: Valores como IMG_2041.jpg, DSC0042 ou uma longa sequência de dígitos, que muitos sistemas preenchem automaticamente no upload. - Palavras genéricas: Um texto alternativo que é só “imagem”, “foto”, “logo” ou “banner” não diz a ninguém o que a imagem mostra. - Texto redundante e repetido: Descrições que começam com “imagem de”, repetem o texto do link ao lado ou são reutilizadas em três ou mais imagens diferentes. - Imagens decorativas e ocultas: Imagens marcadas com alt="" ou role="presentation", e imagens ocultas com aria-hidden ou CSS, aparecem separadas para você confirmar que cada uma é realmente decorativa. - Uma prévia de cada imagem: Uma miniatura ao lado do texto alternativo, para você avaliar cada descrição em segundos. Os filtros mostram só os problemas ou só o que precisa ser verificado. ## O que ela não consegue verificar - Dizer se o texto alternativo é preciso. Só uma pessoa que vê a imagem e sabe por que ela está na página pode avaliar isso. - Verificar imagens definidas como fundo em CSS, nem alternativas em texto para gráficos SVG e canvas. Ele lista elementos img e botões de imagem. - Verificar imagens dentro de frames, como vídeos incorporados, mapas e anúncios. - Listar mais de 150 imagens. Em páginas muito longas, mostra as primeiras 150 e informa quantas existem. - Testar outras páginas. A análise gratuita completa verifica o texto alternativo junto com o restante da WCAG em até cinco páginas-chave. ## Por que isso importa O texto alternativo é o que um leitor de tela lê no lugar de uma imagem, e o que o navegador mostra quando uma imagem não carrega. O critério de sucesso 1.1.1 da WCAG 2.2, de nível A, exige uma alternativa em texto para toda imagem que transmite informação, e uma alternativa vazia para as que não transmitem. A falta de texto alternativo é a segunda falha de acessibilidade mais comum da web: a análise da WebAIM de 2026 a encontrou em 53,1% do top 1 milhão de páginas iniciais, e 16,2% de todas as imagens analisadas não tinham nenhum. Os mecanismos de busca também o leem. O Google diz que usa o texto alternativo junto com visão computacional e o conteúdo da página para entender as imagens, e que o texto alternativo de uma imagem com link funciona como o texto âncora do link. ## Como interpretar os resultados - Sem texto alternativo: A imagem não tem atributo alt nem outro nome. Dependendo do software, um leitor de tela pode ler o nome do arquivo ou pular a imagem. - Decorativa: alt="" ou role="presentation": os leitores de tela ignoram a imagem. Certo para decoração; errado para uma imagem que transmite informação ou é o único conteúdo de um link. - Tem texto alternativo: A imagem tem uma descrição. Indicamos as que parecem erradas; as demais ainda precisam que uma pessoa confira se estão precisas. - Nome via ARIA ou title: Não há atributo alt, mas há um nome vindo de aria-label, aria-labelledby ou title. Isso passa nos testes automatizados, mas o alt continua sendo a opção mais confiável. - Oculta: Não é exibida, ou está oculta das tecnologias assistivas com aria-hidden. Não há nada a corrigir, a menos que a imagem deva ser vista. - Link sem nome: Um link ou botão cujo único conteúdo é uma imagem sem alternativa em texto. Isso é uma falha mesmo que a própria imagem seja decorativa. - Verificar: Texto alternativo que parece nome de arquivo ou palavra genérica, começa com “imagem de”, repete o texto do link, é muito longo ou é reutilizado em várias imagens. ## Como corrigir os problemas mais comuns - Fotos de produto e de conteúdo: Descreva o que alguém perderia sem a imagem, no contexto da página. Para um produto: o item, a cor e o ângulo mostrado. Para a foto de um artigo: o que ela mostra que o texto não diz. - Logos que levam à página inicial: Uma imagem com link deve dizer para onde o link leva. Para um logo que leva à página inicial, use o nome da empresa, por exemplo alt="Página inicial da Acme", em vez de “logo”. - Ícones dentro de links e botões: Dê ao ícone um texto alternativo que nomeie a ação, como “Pesquisar” ou “Carrinho”, ou dê ao link um aria-label e marque o ícone como decorativo com alt="". - Imagens decorativas: Use alt="" (um valor vazio, não um atributo ausente) para divisores, enfeites de fundo e imagens que repetem o texto logo ao lado. - Nomes de arquivo preenchidos pela plataforma: Muitas plataformas copiam o nome do arquivo para o campo alt no upload. Edite onde a imagem é gerenciada: na Shopify, na mídia do produto; no WordPress, no campo Texto alternativo da Biblioteca de mídia. - Gráficos e infográficos: Use um alt curto que diga o que o gráfico mostra, e coloque os dados ou um resumo no texto ou em uma tabela ao lado. ## Perguntas frequentes ### O que é texto alternativo? O atributo alt de uma imagem guarda a alternativa em texto dela. Os leitores de tela o leem em voz alta, e os navegadores o mostram quando a imagem não pode ser exibida. ### Toda imagem deve ter texto alternativo? Todo elemento img deve ter um atributo alt. Em uma imagem que transmite informação, ele descreve a imagem; em uma imagem decorativa, deve ficar vazio (alt="") para que os leitores de tela a ignorem. ### Qual deve ser o tamanho do texto alternativo? A WCAG não define limite. Um bom texto alternativo costuma ser uma expressão ou uma frase curta. Se a imagem precisar de mais, descreva-a no texto da página ou em uma legenda e mantenha o alt curto. Indicamos para uma segunda olhada textos alternativos com mais de 150 caracteres. ### O texto alternativo ajuda no SEO? O Google diz que usa o texto alternativo, junto com visão computacional e o conteúdo da página, para entender as imagens, e que o texto alternativo de uma imagem com link funciona como texto âncora. Ele também alerta que encher os atributos alt de palavras-chave pode ser tratado como spam. ### O atributo title é o mesmo que o alt? Não. O title aparece como dica ao passar o mouse e não é anunciado de forma confiável pelos leitores de tela, nem fica disponível em telas sensíveis ao toque. Os testes automatizados o aceitam como nome quando falta o alt, mas o alt é a opção confiável. ### A IA pode escrever meu texto alternativo? Ela pode rascunhar descrições, mas não sabe por que a imagem está na sua página. Revise cada rascunho: o texto alternativo certo depende de um contexto que só você conhece. ## Fontes - [W3C: Entendendo o critério de sucesso 1.1.1 Conteúdo Não Textual da WCAG 2.2](https://www.w3.org/WAI/WCAG22/Understanding/non-text-content) - [Tutorial de imagens do W3C: árvore de decisão para o atributo alt](https://www.w3.org/WAI/tutorials/images/decision-tree/) - [Tutorial de imagens do W3C: imagens funcionais](https://www.w3.org/WAI/tutorials/images/functional/) - [Google Search Central: práticas recomendadas de SEO para imagens](https://developers.google.com/search/docs/appearance/google-images) - [Deque: regra image-alt do axe-core](https://dequeuniversity.com/rules/axe/4.13/image-alt) - [WebAIM: The WebAIM Million (2026)](https://webaim.org/projects/million/)