Quem usa leitor de tela
Sem alt, o leitor de tela anuncia o nome do arquivo ou pula a imagem. Em um botão que é só imagem, isso significa uma pessoa cega sem saber o que aquele controle faz.
O alt existe primeiro para quem não vê a imagem, e só depois para o buscador. Listamos todas as imagens da página e dizemos o que falta em cada uma.
Analisamos as tags da página. Imagens aplicadas por CSS de fundo não são lidas por buscador nem por leitor de tela, e não entram na lista.
Abrindo a página...
Na ordem em que aparecem no código. Verde está correto, amarelo pede revisão, vermelho é imagem sem alt nenhum.
| # | Imagem | Texto alternativo | Situação | Medidas |
|---|
Do que mais pesa para o que menos pesa. Os primeiros itens são os que mudam o resultado de verdade.
Todas as checagens desta página, agrupadas por assunto. Clique para abrir o detalhe de cada uma.
Um atributo de uma linha que atende acessibilidade, SEO e desempenho ao mesmo tempo.
Sem alt, o leitor de tela anuncia o nome do arquivo ou pula a imagem. Em um botão que é só imagem, isso significa uma pessoa cega sem saber o que aquele controle faz.
O alt é o texto que o Google usa para entender o que está na foto. Em serviço, produto e obra executada, a busca por imagens costuma trazer visita que o texto sozinho não traria.
Largura e altura declaradas fazem o navegador reservar o espaço antes de a imagem chegar. Sem elas o conteúdo salta durante o carregamento, e essa é a causa mais comum de nota ruim em Core Web Vitals.
Precisa do atributo, com o valor vazio: alt="". Assim o leitor de tela pula a imagem em vez de anunciar um arquivo sem sentido. Isso é diferente de não ter o atributo, que é sempre erro.
Uma frase, até cerca de 125 caracteres. Leitores de tela leem o texto inteiro sem pausa, então descrição longa cansa. Se a imagem exige explicação extensa, o lugar dela é na legenda ou no texto da página.
Pode, quando ela descrever mesmo o que está na imagem. O alt escrito só para repetir termo é enchimento, atrapalha quem depende dele para entender a página e não rende posição.
Não, e nenhum leitor de tela lê. Imagem que carrega informação deve estar em uma tag img com alt; background é para enfeite, e o próprio Google não indexa esse tipo de imagem na busca por imagens.
Porque ela costuma ser o maior elemento visível no primeiro instante, justamente o que o Google cronometra no Largest Contentful Paint. Adiar o carregamento dela piora a medida que você quer melhorar.
As ferramentas mostram o que está errado. Corrigir, priorizar e sustentar o trabalho mês a mês é o que fazemos na SEO Upsite.
Falar com a gente