Texto alternativo

A descrição em texto de uma imagem, lida pelo leitor de tela para quem não consegue ver a imagem.

Hard

O que é

Texto alternativo é a descrição que acompanha uma imagem no código e é lida em voz alta pelo leitor de tela. Para quem não vê a imagem, é por ele que a informação visual chega. Uma boa descrição transmite o que a imagem comunica naquele contexto, não o catálogo do que aparece nela.

É um dos itens de acessibilidade mais cobrados e, ao mesmo tempo, mais esquecidos. A imagem sem texto alternativo vira um buraco na experiência: o leitor de tela anuncia imagem e nada mais, ou pior, lê o nome do arquivo. A pessoa perde uma parte da página sem nem saber o que perdeu.

A regra prática é escrever pensando na função da imagem ali. Uma foto que ilustra uma notícia pede a descrição da cena. Um ícone que repete um texto ao lado pode ficar sem descrição, marcado como decorativo, para não duplicar. O bom texto alternativo é curto, específico e fiel ao papel daquela imagem no contexto.

Em uma frase

Faltou texto alternativo nessas imagens, quem usa leitor de tela não está recebendo nada delas.

A pergunta que ele responde

Como faço a informação de uma imagem chegar a quem não consegue vê-la?

Quando usar

Em toda imagem que carrega informação. Imagens puramente decorativas podem ser marcadas como tal e dispensar descrição.

Como não usar

Descrever a imagem fora de contexto ou repetir o que já está no texto ao lado. E nunca deixar a função informativa sem descrição.

Na prática

Uma imagem de gráfico ganha texto alternativo que resume a tendência que ela mostra, em vez de só dizer gráfico de barras.

Não confunda com

Texto alternativo não é legenda: a legenda aparece na tela para todo mundo, o texto alternativo é lido só pela tecnologia assistiva e descreve a imagem para quem não a vê.

D

Em inglês

Alt Text

Pronúncia

ôlt-tékst

Também chamado de

alt text, texto alternativo, atributo alt, descrição de imagem

Origem

n/a

Fonte

Saiba mais

WebAIM, guia sobre texto alternativo para imagens