Categoria: Desenvolvimento

Auditor de Texto Alternativo de Imagens

Ideia nossaFalta uma ferramenta?

Liste cada <img> e sinalize texto alternativo ausente ou pouco útil

Cole HTML para listar cada tag <img> e sinalizar imagens sem atributo alt, imagens com alt vazio (válido para imagens decorativas) e textos alternativos longos o suficiente para valer a pena encurtar. Funciona totalmente no seu navegador.

Imagens encontradas4Alt ausente1Alt vazio1Texto alternativo longo1
OrigemTexto alternativo
/hero.jpgTeam collaborating around a laptop in a bright office (ok)
/icon-search.svg (vazio (ok se for decorativa))
/banner.png (atributo alt ausente)
/chart.pngQuarterly revenue chart showing steady growth from January through December, broken down by region and product line, with month-over-month percentage change annotations (considere encurtar)

Tudo nesta página é processado no seu navegador. Nada é enviado.

Para que serve

O texto alternativo é como um leitor de tela, ou um mecanismo de busca, entende uma imagem, mas é fácil que um atributo ausente ou uma descrição longa demais passem despercebidos em uma página grande. Esta ferramenta lista cada tag <img> encontrada no HTML colado junto com seu texto alternativo, sinaliza qualquer imagem sem nenhum atributo alt, observa que imagens com alt="" vazio estão corretas quando a imagem é decorativa, e destaca textos alternativos longos o suficiente para valer a pena encurtar para uma descrição mais clara.

Como usar

  1. Cole o HTML de uma página ou componente na caixa de entrada.
  2. Revise a lista de imagens e o status exibido ao lado do texto alternativo de cada uma.
  3. Adicione o texto alternativo ausente, confirme que atributos alt vazios são intencionais e encurte o que estiver longo demais.

Privacidade

Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.

Perguntas frequentes

Meu HTML é enviado para algum lugar?
Não. O documento é apenas lido como texto por um tokenizador na aba do seu navegador; nada é renderizado, executado ou enviado a um servidor.
alt="" é sempre um erro?
Não. Um atributo alt vazio é a escolha correta, recomendada pela especificação, para imagens puramente decorativas, então esta ferramenta apenas observa isso, em vez de tratá-lo como um erro da mesma forma que trata um atributo ausente.
Quão longo é longo demais para um texto alternativo?
Não há um limite rígido, mas um texto alternativo muito longo é um indício que vale a pena verificar manualmente; esta ferramenta sinaliza textos alternativos com mais de cerca de 125 caracteres como algo a revisar em busca de uma descrição mais curta e clara.