O que é
O texto alternativo (ou "alt text") é uma pequena descrição escrita, associada a uma imagem no código de uma página, que um leitor de ecrã anuncia em voz alta no lugar da própria imagem, já que um visitante cego ou com baixa visão que use um leitor de ecrã não consegue ver a imagem diretamente. Enquanto o nosso guia de texto alternativo focado em SEO explica como este mesmo atributo ajuda os motores de busca a encontrar imagens, aqui o foco está especificamente no que o texto alternativo significa para uma pessoa real que depende dele para aceder à mesma informação que um visitante vidente obtém apenas ao olhar para a imagem.
Esta distinção importa na prática: um texto alternativo escrito apenas para ter bom posicionamento na pesquisa de imagens pode acabar cheio de palavras-chave em vez de descrever genuinamente o que a imagem mostra, o que serve mal um utilizador de leitor de ecrã mesmo que cumpra tecnicamente o requisito.
Por que importa
Para um utilizador de leitor de ecrã, uma imagem sem texto alternativo é totalmente ignorada (como se não existisse) ou anunciada como um nome de ficheiro inútil, tipo "IMG_4821.jpg" — de qualquer forma, perde-se toda a informação que essa imagem deveria transmitir a um visitante vidente. Isto torna-se um obstáculo sério quando a imagem transporta conteúdo relevante: um gráfico com dados, um diagrama que explica um processo, uma foto de produto que mostra uma funcionalidade não descrita em mais lado nenhum do texto ao redor.
É também um requisito legal de acessibilidade em muitos contextos, sob normas como a WCAG (Web Content Accessibility Guidelines), que várias empresas são obrigadas a cumprir — mas tratá-lo apenas como uma caixa a assinalar numa lista de conformidade ignora que se trata de um problema real e quotidiano de acesso para visitantes reais.
Como corrigir
- Para cada imagem que transmite informação relevante, escreve um texto alternativo que descreva o que ela realmente mostra, como se estivesses a descrevê-la a alguém ao telefone que não a consegue ver.
- Mantém as descrições concisas e específicas — uma frase ou expressão curta costuma bastar; evita repetir informação que já está no texto à volta.
- Para imagens puramente decorativas que não acrescentam informação (texturas de fundo, separadores), usa um
alt=""vazio para que o leitor de ecrã as ignore por completo em vez de anunciar algo sem sentido. - Para uma imagem que é também um link (como um logótipo que leva à página inicial), escreve um texto alternativo que descreva para onde o link leva, não apenas o aspeto da imagem.
- Testa com um leitor de ecrã gratuito (NVDA, VoiceOver) para ouvir como as tuas imagens são realmente anunciadas, em vez de presumir que o texto que escreveste soa bem em voz alta.