Objectivo do tutorial
O texto alternativo traduz informações visuais para texto.
Ajuda leitores de ecrã e traz contexto a sistemas que não interpretam a imagem diretamente.
Este tutorial explica como rever atributos alt e como evitar descrições vazias, genéricas ou enganosas.
O que vê AISEO em texto alternativo
Imagens informativas
Verifique se as imagens relevantes têm uma descrição útil.
Acessibilidade
Melhora a experiência de utilizadores que não veem a imagem.
Contexto semântico
Ajuda a interpretar o papel visual dentro do conteúdo.
Decorativas
Permite distinguir imagens sem valor informativo real.
Como interpretar o resultado
Pass
As imagens informativas têm alt claro, breve e alinhado com sua função.
Warning
Há alt presente, mas pode ser genérico, repetido ou pouco descritivo.
Fail
Faltam atributos alt relevantes ou há imagens chave sem descrição textual.
Exemplo técnico orientativo
Uma imagem informativa deve descrever o necessário:
<img src="/images/dashboard-aiseo.webp" alt="Painel de AISEO mostrando CertiScore e erros técnicos" >Uma imagem puramente decorativa pode levar alt vazio para não adicionar ruído.
Erros frequentes
- Usar o alt vazio em imagens que explicam conteúdo importante.
- Repetir o mesmo texto alternativo em muitas imagens distintas.
- Escrever descrições genéricas como imagem, foto ou gráfico.
- Preencher o alt com palavras-chave sem fornecer descrição real.
Como corrigir
- Ele descreve a função da imagem dentro da página.
- Usa o alt vazio apenas em imagens decorativas.
- Evite textos longos que repitam o parágrafo próximo.
- Veja logos, ícones, banners, fichas de produto e capturas.