O Image Alt Text Checker da Screpy encontra elementos de imagem compatíveis no HTML de uma página e separa atributos alt ausentes, valores vazios e texto fornecido. Use as evidências para montar uma lista de edição e avaliar a função de cada imagem. A ferramenta localiza atributos; não analisa pixels, escreve descrições ou certifica acessibilidade.
Confira a página que contém as imagens
Digite uma URL HTTP/HTTPS pública de página, não o endereço de uma fotografia. A fonte deve retornar HTML legível. Para uma galeria de produtos, verifique a página que a contém. O arquivo da imagem sozinho não revela qual alternativa foi atribuída em cada uso.
O relatório lê elementos img e input do tipo image. Utiliza o HTML sem executar JavaScript. Imagens adicionadas por scripts podem faltar; fundos CSS e SVG em linha também ficam fora da lista.
São mantidas até 1.000 linhas, e evidências longas podem ser encurtadas. São ocorrências de elementos, não arquivos únicos. Uma foto usada duas vezes pode ter duas linhas e funções diferentes. Leia os avisos de cobertura parcial: a lista não representa todo elemento visual de uma página grande ou dinâmica. Não encontrar elementos compatíveis não prova ausência de imagens na tela.
Separe alt ausente, vazio e preenchido
Use os filtros para revisar uma categoria por vez. Ausente significa que o elemento não tem atributo alt. Vazio significa que existe sem texto significativo, inclusive quando contém só espaços. Preenchido significa apenas que há texto; não garante exatidão, utilidade ou adequação a um leitor de tela.
Comece pelos ausentes e depois revise os vazios em contexto. A orientação W3C WAI sobre imagens decorativas explica por que uma alternativa vazia pode ser apropriada sem informação adicional. Omitir o atributo e deixá-lo vazio são escolhas diferentes. Não preencha tudo para aumentar a contagem.
Fonte da imagem e linha HTML ajudam a localizar o elemento no template ou na saída do CMS. Alguns valores semelhantes a nomes de arquivo, como descrições terminadas em .jpg, também são sinalizados. Isso é uma pista, não uma avaliação completa da linguagem. Textos genéricos, incorretos ou repetitivos podem escapar desse aviso e ainda precisar de revisão.
Escolha a alternativa conforme a função da imagem
Pergunte o que alguém perderia se não pudesse vê-la. A árvore de decisão alt do W3C WAI diferencia usos informativos, decorativos e funcionais. O mesmo arquivo pode exigir tratamento diferente conforme a página, o texto próximo e seu propósito.
Estes exemplos fictícios mostram decisões editoriais. As frases servem somente se imagem e contexto corresponderem aos detalhes; a ferramenta não inspecionou esses visuais.
| Função da imagem | Tratamento possível | Condição a verificar |
|---|---|---|
| Foto de produto com detalhe | “Mochila azul com dois bolsos frontais com zíper” | Detalhes corretos e relevantes para a escolha |
| Divisor decorativo | Atributo alt vazio | Nenhuma informação ou função acrescentada |
| Logotipo como único conteúdo do link inicial | “Página inicial da Example” | A imagem é o único conteúdo e esse é o destino |
| Gráfico com valores importantes | Alternativa breve e explicação ou tabela próxima | Conclusão e valores disponíveis sem ver o gráfico |
Para uma imagem com link ou botão de imagem, descreva destino ou ação quando isso não estiver claro de outra forma. Não substitua a função pelo formato do ícone. Em gráficos complexos, não coloque todo o conjunto de dados em um atributo; disponibilize detalhes no conteúdo.
As orientações de imagens do Google recomendam texto útil e contextual e desaconselham excesso de palavras-chave. Descreva o significado relevante com naturalidade. Uma lista de keywords não substitui a explicação, e preencher alt não garante posições na pesquisa de imagens.
Corrija a fonte e revise a página publicada
Altere o campo ou componente que produz o elemento. Uma descrição de mídia no CMS não ajuda se o template nunca a coloca em alt. Se o defeito se repete em cards ou galerias, revise componente compartilhado e entradas individuais. Não substitua todas as descrições por um padrão global igual.
Publique a correção e repita a URL. Confirme o atributo no HTML retornado, depois revise a página visível e o texto ao redor. Preserve alternativas vazias intencionais e confira o significado de imagens informativas e funcionais. A meta é conteúdo utilizável, não um relatório só com valores preenchidos.
Revise manualmente gráficos importantes ausentes e comportamentos JavaScript. A acessibilidade completa vai além desse atributo. Para outros sinais use o On-Page SEO Checker; para a estrutura, o Heading Structure Analyzer. Nenhum transforma essa verificação em certificação.