Encontre as imagens que precisam de uma análise mais detalhada
Alt Tag Checker
Audite os atributos alt da imagem em HTML colado. Separe os atributos ausentes das alternativas intencionalmente vazias, revise cada fonte de imagem e exporte suas descobertas.
Image alt audit
Your image counts and alt text review will appear here.
Alt Tag Checker: o que sua verificação lhe diz
Um alt tag checker ajuda a encontrar elementos de imagem cujas alternativas precisam de atenção. Em HTML, alt é um atributo em uma imagem, não uma tag separada. Um atributo ausente, um valor vazio e uma descrição útil são três casos diferentes.
Esta auditoria local inspeciona elementos img no HTML que você cola. Não busca a página, não avalia a imagem visualmente, não executa JavaScript, não carrega imagens nem certifica acessibilidade. Ele conta ocorrências de imagens em vez de desduplicar arquivos, porque a mesma imagem pode servir a finalidades diferentes em contextos diferentes.
Atributo ausente
Um elemento img sem alt precisa de revisão. A tecnologia assistiva pode anunciar seu nome de arquivo em vez de uma alternativa útil. Decida se a imagem transmite informação ou é decorativa.
Alternativa vazia
An explicit alt="" can be right for a decorative image. Keep it empty when the image adds no information; add useful text when it communicates something the reader needs.
Somente espaço em branco
Os espaços dentro de alt são listados separadamente. Revise o propósito da imagem e use um valor genuinamente vazio para decoração ou um texto significativo para informações.
Texto presente
Um valor não vazio não é automaticamente uma boa alternativa. Verifique se ele descreve a finalidade no contexto, sem encher palavras-chave, repetir texto próximo ou depender do nome do arquivo.
HOW IT WORKS
De um cheque para , um próximo passo útil
Colar fonte ou renderizado HTML
Copie o HTML da fonte da página ou das ferramentas de desenvolvedor do navegador. Colar apenas um endereço da web não recupera essa página.
Revise cada categoria
Comece com os atributos ausentes e depois revise as alternativas vazias no contexto. Filtre os resultados e compare a fonte da imagem e o texto alternativo.
Corrija e verifique novamente
Atualize seus modelos ou campos CMS, exporte a lista de revisão e audite HTML novo após a publicação. Teste a página com tecnologia assistiva como parte de uma revisão mais ampla.
O mesmo atributo, três decisões diferentes
Imagem informativa do produto
<img src="mug.jpg" alt="Blue ceramic mug with a curved handle">Descreva as informações que a imagem contribui. Este exemplo fornece ao comprador um detalhe visual concreto.
Divisor decorativo
<img src="divider.svg" alt="">Uma alternativa vazia pode evitar que uma imagem decorativa adicione ruído à experiência de leitura.
Tabela de tamanhos sem alternativa
<img src="size-guide.png">Alt ausente precisa de revisão. Um gráfico complexo também pode precisar de texto próximo ou de uma tabela de dados, além de uma alternativa curta.
For contextual guidance, read the W3C image alt decision tree.