Verificador de texto alternativo de imagens

Confira os atributos alt de uma página. Encontre textos ausentes, vazios e fornecidos com linhas da fonte e limites claros.

Verificar o texto alternativo de imagens

O texto alternativo explica uma imagem quando ela não pode ser vista. Este verificador lê elementos img e campos de imagem no HTML obtido de uma página, separando atributos ausentes, valores vazios e textos fornecidos. Insira a URL da página, não a de um arquivo de imagem.

Interpretar as evidências

Use os filtros e as linhas da fonte para localizar cada declaração. Um atributo ausente precisa de atenção. Um alt="" vazio pode ser intencional para uma imagem decorativa; examine seu objetivo antes de mudar. Mesmo um texto presente precisa de revisão humana: descreva o papel da imagem no contexto, sem repetir o nome do arquivo ou acumular palavras-chave. Em uma imagem com link, deixe claro o destino ou a ação.

Corrigir e verificar novamente

Atualize o componente de imagem ou o campo do CMS e verifique a página publicada novamente. O relatório mantém até 1.000 linhas e pode encurtar evidências longas. Ele não renderiza JavaScript, inspeciona pixels ou certifica acessibilidade. Para outros sinais da página, use On-Page SEO Checker.

Adapte o texto ao propósito da imagem

Uma foto de produto pode precisar de uma descrição breve de um detalhe, como cor e compartimentos de uma mochila. Um separador puramente decorativo pode usar alt="". Se um logo é o único conteúdo de um link para o início, descreva o destino, como “Página inicial da Example”, em vez da forma. São exemplos contextuais, não textos para todas as imagens.

Um gráfico costuma precisar de mais do que uma alternativa curta. Explique a conclusão e apresente valores importantes em texto próximo ou tabela. Não coloque todos os dados em um atributo. Se o texto ao lado já informa o mesmo, avalie se outra descrição acrescenta valor ou repete.

Use o relatório como lista de edição

Filtre primeiro atributos ausentes; depois revise valores vazios e textos existentes no contexto. “Presente” significa apenas que há texto, não que ele esteja correto. Confira os componentes compartilhados do modelo e os registros do CMS para evitar repetição do problema.

Publique as mudanças e verifique a página novamente. O relatório não avalia fundos CSS nem todos os elementos gráficos e não gera descrições a partir dos pixels. Examine manualmente os visuais relevantes fora da lista. A acessibilidade exige explicar o propósito corretamente, não apenas aumentar a quantidade de atributos preenchidos.

Perguntas frequentes

Confira os atributos alt de uma página. Encontre textos ausentes, vazios e fornecidos com linhas da fonte e limites claros.

Qual URL devo inserir?

Uma URL pública de página HTTP ou HTTPS. A fonte deve retornar HTML; um arquivo de imagem isolado não é aceito.

Como escrever um texto alternativo útil?

Descreva o significado relevante da imagem no contexto. Para imagens com links ou botões, descreva o destino ou a ação. Evite o excesso de palavras-chave.

Qual é a diferença entre alt ausente e vazio?

Ausente significa que o atributo alt não foi encontrado. Vazio significa alt="", o que pode ser correto para imagens decorativas. Revise a função da imagem.

Um atributo alt vazio é um erro?

Não automaticamente. Imagens decorativas costumam precisar de atributo vazio; imagens informativas ou funcionais precisam de texto adequado ao contexto.

Todas as imagens na tela são verificadas?

Não. A ferramenta verifica o HTML obtido sem executar JavaScript e mantém até 1.000 elementos de imagem suportados. A cobertura parcial é indicada.