Imagens decorativas

O Silktide encontra imagens marcadas como decorativas com texto alternativo vazio, para que possa confirmar que é realmente seguro que a as ignore. Uma imagem marcada como decorativa fica invisível para as pessoas que utilizam leitores de ecrã.

<!-- Esta imagem é ignorada pela tecnologia assistiva.
     Está correto ou ela transmite alguma informação? -->
<img src="chart.png" alt="">

Porque é importante

Um alt="" vazio diz a um para ignorar completamente a imagem. Isso é exatamente o correto para uma — uma imagem que serve apenas um propósito estético, não fornece informação e não tem nenhuma função. Mas o mesmo atributo vazio num gráfico, numa fotografia que transmite significado ou numa imagem utilizada como botão apaga silenciosamente esse conteúdo para qualquer pessoa que não consiga vê-lo, e nada parece errado para um visitante que vê.

O texto alternativo vazio também é um padrão comum em modelos e sistemas de gestão de conteúdo, por isso imagens significativas acabam marcadas como decorativas por acidente, e não por escolha.

Como corrigir

Esta verificação pede que reveja cada imagem, em vez de comunicar problemas confirmados. Para cada uma:

Se a imagem for realmente decorativa, não é necessária nenhuma alteração — o resultado.
Se a imagem transmitir informação ou funcionar como um controlo, substitua o atributo vazio por descritivo no seu ou código.
Uma imagem cujo significado é totalmente repetido pelo texto adjacente — como um ícone junto à mesma palavra — é corretamente decorativa e deve manter o seu alt="" vazio.

Como o Silktide testa isto

Encontra todas as imagens em cada página com um atributo alt="" explicitamente vazio.
Ignora imagens que a tecnologia assistiva não anunciaria de qualquer forma: imagens sem fonte, imagens com 1 píxel ou menos e imagens ocultas dos leitores de ecrã.
Ignora imagens com um atributo role="presentation" explícito. Ao contrário de um alt vazio, que é frequentemente um padrão de modelo, uma função de apresentação é quase sempre uma escolha deliberada.
Ignora imagens de serviços de terceiros conhecidos, como mosaicos de mapas incorporados.
Lista cada imagem restante, com o texto envolvente como contexto, para que confirme que é realmente decorativa.

As imagens sem qualquer atributo alt são comunicadas em Texto alternativo em falta.

Resolução de problemas

Porque rever imagens que podem estar corretas?

O facto de uma imagem ser decorativa depende do que ela representa e do papel que desempenha na página — aspetos que nenhum teste automatizado consegue avaliar. O Silktide apresenta a decisão; cabe-lhe tomá-la uma vez, e as imagens aprovadas continuam aprovadas.