axessia.eu

O erro mais comum em textos alternativos: o que dá errado e como evitá-lo?

A maior armadilha dos textos alternativos não é que faltem, mas que existam e mesmo assim não acrescentem nada. Este artigo mostra onde isso dá errado e como identificá-lo.

O erro mais comum em textos alternativos não é que faltem. Isso também acontece, mas é o erro visível que se nota rapidamente. O erro mais persistente é que o texto alt existe, mas não acrescenta nada: o nome do ficheiro da foto, a palavra "imagem", uma descrição pormenorizada de um elemento decorativo, ou absolutamente nada num botão que consiste apenas num ícone. Para um utilizador de leitor de ecrã, isso gera ruído em vez de informação, e por vezes significa que uma função na página se torna inutilizável.

WCAG 2.1, a norma em que EN 301 549 se baseia, exige que o conteúdo não-textual tenha uma alternativa textual que sirva o mesmo propósito. Parece simples, mas na prática este requisito é frequentemente verificado formalmente sem que o texto seja funcional. Existe algo no atributo alt, a lista de verificação está preenchida, mas o utilizador que tem o texto lido em voz alta não aproveita nada disso.

O que corre mal exactamente

Alguns padrões repetem-se constantemente. O nome do ficheiro como texto alt, como "IMG_2044.jpg" ou "product-foto-3.png", porque um sistema editorial o preencche automaticamente e ninguém o corrige. Um texto alt preenchido com palavras-chave em vez de uma descrição, o que talvez seja intencional para motores de busca mas que um leitor de ecrã lê como uma enumeração sem sentido. Uma imagem decorativa, como uma foto de ambiente ao lado de um título, que recebe uma descrição pormenorizada e atrasa desnecessariamente a sequência de leitura. E talvez o mais comum: ícones funcionais, como um carrinho de compras, uma lupa ou uma cruz para fechar algo, que funcionam como botões mas não têm qualquer nome textual. Um leitor de ecrã então lê apenas "botão", sem deixar claro o que esse botão faz.

Nas imagens de produtos, muitas vezes o erro é o oposto: o texto alt descreve a foto em vez do produto. "Mulher com camisola azul na praia" não diz nada sobre a peça de roupa que está a ser vendida, enquanto essa é exatamente a informação que um utilizador procura quando não consegue ver a foto.

Porque é que uma análise automatizada não deteta isto completamente

Uma análise pode determinar com certeza se uma imagem tem um atributo alt e se está vazio. Isso é útil e apanha os erros mais flagrantes. O que uma análise não consegue avaliar com certeza é se o conteúdo desse texto está correto: se "foto" realmente descreve o que se vê, ou se um botão de ícone recebeu um nome significativo que corresponde à função. Isso requer avaliação por um ser humano, e é exactamente por isso que cada relatório indica qual parte da avaliação é automatizada e qual não é. Se quer ver rapidamente onde estão os casos óbvios no seu próprio site, isso pode ser visto em poucos minutos com a análise rápida gratuita.

Como o evitar

A pergunta mais prática ao escrever um texto alt é: o que eu diria em voz alta para descrever esta imagem a alguém que não a vê, no contexto desta página? Numa foto de produto, é a peça de roupa, a cor ou a característica que a foto mostra. Num botão, é a ação que o botão executa, não o próprio ícone. Numa imagem puramente decorativa, como um padrão de fundo, um texto alt vazio (alt="") é exatamente a escolha correta, para que um leitor de ecrã ignore a imagem em vez de ler algo que não acrescenta nada.

É também um dos locais onde uma situação anteriormente boa pode piorar sem que ninguém se dê conta: um editor adiciona uma nova foto do produto, o sistema preenche automaticamente o nome do arquivo e o texto que estava presente anteriormente desaparece. Não é uma tarefa pontual, mas algo que retorna a cada alteração, razão pela qual este tópico pertence aos requisitos mais amplos em torno de conteúdo não textual que foi desenvolvido por situação na base de conhecimento por situação.

O que isto produz

Textos alternativos bons não são uma questão de mais texto, mas de texto certo no lugar certo: breve e funcional em botões e ícones, significativo em fotos de produtos e ausente onde uma imagem é puramente decorativa. Esta distinção custa pouco tempo assim que o padrão se torna claro e economiza muito trabalho de pesquisa posteriormente. Como refletimos essa distinção num relatório em pontos concretos e priorizados é descrito em a página sobre como a avaliação é realizada, e para as questões que surgem com mais frequência neste contexto há uma visão geral com respostas.

Deseja saber se este tipo de erros também ocorre no seu próprio site? A verificação rápida gratuita oferece uma primeira impressão vinculativa, sem que você precise de uma conta.

Este artigo é informação geral e não constitui aconselhamento jurídico.