Como escrever bons textos alternativos para imagens

Para que serve o texto alternativo

O texto alternativo é a alternativa em texto de uma imagem, escrita no atributo alt. Os leitores de ecrã leem-no em voz alta, as linhas braille mostram-no e o navegador mostra-o quando a imagem não carrega. Os motores de pesquisa também o podem usar. A norma web de acessibilidade, as WCAG, exige uma alternativa em texto que cumpra a mesma função que a imagem (critério de sucesso 1.1.1, nível A).

A ideia principal: o texto alternativo não é uma legenda nem uma descrição da imagem por si só. Diz o que a imagem acrescenta à página. A mesma fotografia pode precisar de textos alternativos diferentes em duas páginas, ou de nenhum.

Quatro tipos de imagens

• As imagens informativas acrescentam significado: uma fotografia, um ícone junto a um número de telefone, um diagrama. Escreve um texto alternativo curto que transmita esse significado.
• As imagens funcionais estão dentro de ligações e botões. O texto alternativo nomeia a ação ou o destino, não a imagem: 'Pesquisar' para uma lupa, 'Imprimir esta página' para um ícone de impressora.
• As imagens decorativas não acrescentam nada: uma moldura, um espaçador, um floreado ou uma imagem que só repete o texto ao lado. Dá-lhes um atributo alt vazio (alt="") para que os leitores de ecrã as ignorem, ou põe-nas na folha de estilos como fundo.
• As imagens de texto são um último recurso. Se precisares de uma, o texto alternativo repete as palavras da imagem. Um logótipo que não seja uma ligação recebe o nome da organização.

Como escrever um bom texto alternativo

1. 1Pergunta porque é que a imagem está na página. O que perderia um visitante se ela não estivesse lá?
2. 2Escreve o que importa para essa finalidade, numa expressão ou numa frase.
3. 3Começa pelo conteúdo. Um leitor de ecrã anuncia normalmente que se trata de uma imagem, por isso 'imagem de' ou 'fotografia de' raramente ajudam.
4. 4Não repitas o que o texto ao lado da imagem já diz. Se diz tudo, a imagem é decorativa e recebe um alt vazio.
5. 5Lê o texto alternativo em voz alta sem olhar para a página. Faz sentido sozinho?

Erros comuns

• Nenhum atributo alt. Alguns leitores de ecrã leem então o nome do ficheiro.
• Um nome de ficheiro ou um código como texto alternativo, como 'IMG_2041.jpg'.
• A mesma sequência de palavras-chave em muitas imagens. O texto alternativo é, antes de mais, para pessoas.
• Uma descrição longa de uma imagem puramente decorativa.
• Descrever o aspeto de um botão em imagem em vez da sua ação. Um botão de pesquisa não é 'lupa', é 'Pesquisar'.

Que comprimento deve ter?

O critério 1.1.1 das WCAG não indica um número de carateres. O conselho do W3C é mantê-lo curto, de preferência uma expressão ou uma frase. Para gráficos e outras imagens complexas, dá a informação completa como texto na página e mantém o texto alternativo curto. Se precisares de mais do que uma frase, a imagem tem provavelmente conteúdo que pertence ao texto da página.

Verifica o teu site

Para encontrar imagens sem um texto alternativo útil, usa numa página o verificador gratuito de texto alternativo. Para obter sugestões para muitas imagens, usa a ferramenta Textos alternativos. Uma sugestão automática pode falhar o que importa na tua página, por isso lê cada texto e altera-o quando não corresponder à finalidade da imagem.

As ferramentas do Do4U ajudam a escrever, não a decidir: se uma imagem é informativa, funcional ou decorativa, és tu quem melhor sabe. Volta a verificar depois de grandes alterações ao teu site.