Auditar atributos alt de imagens (HTML)
Cole um trecho de HTML para listar todas as tags <img> e verificar quais não têm o atributo alt, ou em que o atributo existe, mas está vazio.
Como funciona
O atributo alt descreve o conteúdo de uma imagem para usuários de leitores de tela e para os mecanismos de busca, e é exibido caso a imagem não consiga ser carregada. Uma auditoria de acessibilidade ou de SEO costuma começar verificando se nenhuma imagem importante está sem ele. Esta ferramenta lista cada imagem encontrada em um trecho de HTML e indica se o atributo alt está ausente, vazio ou preenchido.
Um atributo alt vazio (alt="") é um erro?
Não necessariamente: alt="" é a boa prática para imagens puramente decorativas (por exemplo, uma borda ou um separador visual), pois indica explicitamente aos leitores de tela que devem ignorá-las. O problema é a ausência total do atributo alt em uma imagem que transmite informação.
Que texto alternativo escrever para a imagem de um produto?
Descreva o que a imagem mostra de forma concisa e objetiva, incluindo o nome do produto quando fizer sentido — por exemplo, alt="Tênis de corrida azul, vista lateral" em vez de um texto genérico como alt="imagem", que não agrega valor nem para a acessibilidade nem para o SEO.
Processamento 100% local: seu trecho de HTML nunca é transmitido a um servidor, toda a auditoria é feita no seu navegador.