Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Barrierefreiheit
Por que cada imagem no website precisa de um texto alternativo?
Cada imagem precisa de um texto alternativo porque pessoas cegas e motores de busca conseguem apenas aceder ao conteúdo da imagem através deste texto. Um programa leitor lê o texto em voz alta para pessoas cegas, o Google mostra imagens com bom texto alternativo na pesquisa de imagens. Se falta o texto, uma pessoa cega ouve apenas o nome do ficheiro — por exemplo «DSC_0042.jpg» — e não compreende nada.
Texto alternativo: a descrição verbal de uma imagem
O texto alternativo é uma frase curta que fica no código fonte da página junto à imagem. Os visitantes com visão normal nunca a veem. Um visitante cego deixa que um programa leitor leia em voz alta a página — e no local onde a imagem está, o programa lê exactamente este texto. Um exemplo: a sua página da equipa mostra uma fotografia da directora. Com o texto alternativo «Retrato de Maria Huber, directora» o visitante sabe quem está a ver. Sem texto fica apenas um espaço vazio. O Google também lê este texto e compreende assim o que está na imagem — isto ajuda a sua visibilidade na pesquisa de imagens.
Como o nosso núcleo de medição verifica os textos alternativos
A verificação automática abre a sua página num browser real e examina com a ferramenta axe-core cada imagem individualmente. Para além disso, o nosso próprio passo de verificação conta todas as imagens que não têm o atributo alt — cada uma é uma violação comprovada, que o relatório documenta com o nome do ficheiro. Um texto alternativo propositadamente vazio é, no entanto, correcto: assim marca-se imagens puramente decorativas, que o leitor deve saltar. Se um texto existente corresponde também em conteúdo, nenhuma máquina consegue decidir — por isso a automatização nunca confirma apressadamente um «aprovado». No padrão ouro, uma pessoa vê as imagens e os seus textos e emite o parecer.
Escrever bons textos alternativos
Um bom texto alternativo descreve o que se vê na imagem e para que serve nesta página — numa frase, sem a expressão «Imagem de». Para uma foto de produto: «Cadeira de escritório preta com apoios de braços, vista lateral». Para um logótipo ligado, conta o destino da ligação: «Para a página inicial». Imagens puramente decorativas — linhas de separação, padrões de fundo — recebem um texto alternativo vazio, para o leitor as saltar. Nomes de ficheiros, listas de palavras-chave ou textos publicitários nunca devem estar no texto alternativo: o visitante ouve cada letra e perde tempo.
Beispiele
Foto mit Information
<img src="team-2026.jpg">
<img src="team-2026.jpg" alt="Bild">
<img src="team-2026.jpg" alt="DSC_0042.jpg"><img src="team-2026.jpg"
alt="Das Team von Beispiel GmbH vor dem Büro in Graz, sechs Personen">Der Alternativtext sagt, was das Bild zeigt, in einem Satz. Dateiname und das Wort „Bild“ sagen nichts.
Schmuckbild und verlinktes Bild
<img src="trenner.svg" alt="Trennlinie">
<a href="/"><img src="logo.svg"></a><img src="trenner.svg" alt="">
<a href="/"><img src="logo.svg" alt="Beispiel GmbH – zur Startseite"></a>Schmuck bekommt ein leeres alt, damit Vorleseprogramme es überspringen. Ein verlinktes Bild nennt das Ziel.
- Verifique as suas páginas principais: cada imagem tem um texto alternativo que descreve o conteúdo numa frase?
- Peça à sua agência para listar imagens sem atributo alt e actualizá-las.
- Marque imagens decorativas com um texto alternativo vazio, para que os programas leitores as saltem.
- Estabeleça na sua redacção: nenhuma imagem vai para o ar sem texto alternativo.
- Leia os seus textos alternativos em voz alta — se consegue compreender a página mesmo sem as imagens, os textos são bons.