Audit Image Alt Text: Alternativas Desaparecidas, Vazias e Inúteis
Use uma auditoria de atributos HTML para criar uma fila de revisão humana em vez de uma pontuação de acessibilidade.
Escolha o HTML que pretende inspecionar.
Colar ou carregar a fonte HTML da página. Se scripts criarem imagens, exporte o HTML renderizado relevante separadamente; a auditoria não executa esses scripts. Lê atributos img sem carregar as imagens. Imagens de fundo CSS, acessibilidade SVG e o conteúdo visual não estão incluídos. Observe qual versão original você forneceu para que a fila de revisão possa ser rastreada até uma página real.
Reproduza o exemplo de três imagens.
A amostra contém product.jpg com caneca cerâmica azul alt, divider.svg, com um atributo alt vazio, e photo.jpg sem alt. O relatório identifica três imagens, um atributo perdido e uma alternativa vazia. A alternativa da caneca está presente, mas só isso não prova que ela transmite o detalhe certo. O valor vazio do divisor pede que confirme a intenção decorativa ao invés de tratá-la automaticamente como um erro.
Leia o papel da imagem na página.
Uma imagem informativa precisa de uma alternativa apropriada ao conteúdo circundante. Uma imagem decorativa pode usar corretamente alt="" para que a tecnologia assistiva pode pular. Uma imagem ligada muitas vezes precisa de texto descrevendo o propósito do link, não apenas sua aparência. Inspecione o cabeçalho, legenda, link e conteúdo repetido antes de escrever um substituto. A mesma imagem pode precisar de tratamento diferente em diferentes contextos.
| Caso HTML | Achado local | Pergunta humana. |
|---|---|---|
| Alt="Blue cerâmica caneca" | Presente | Isso transmite a informação necessária? |
| Alt="" | Vazio. | Esta imagem é decorativa ou redundante? |
| Nenhum atributo alt | Desaparecido. | Qual é o papel da imagem? |
| Alt="photo.jpg" | Nome suspeito | O que um visitante deveria entender? |
A auditoria não carrega imagens ou avalia seu significado visual.
Use este exemplo. Abre a auditoria de cobertura de imagens com essas entradas.
Trate o texto suspeito como um alerta de revisão.
A ferramenta pode apontar simples palavras genéricas ou alternativas tipo nome de arquivo e contradições com sinais decorativos. Não pode decidir se uma alternativa é suficiente, redundante ou enganosa sem entender a página. Evite transformar o relatório em uma demanda mecânica por descrições mais longas. Uma alternativa concisa e significativa pode ser melhor do que uma descrição detalhada que repete texto próximo ou esconde o propósito de uma imagem ligada.
Verifique a página revista.
Edite a marcação real, inspecione a imagem em contexto e teste a experiência de leitura relevante. Repita a auditoria de atributos na fonte revisada para confirmar que suas mudanças estão presentes. Mantenha casos não resolvidos na fila de revisão ao invés de alegar que a página inteira está acessível porque cada img agora tem um atributo. Presença é um sinal de cobertura útil, não uma avaliação de acessibilidade completa.