Título em texto alternativo vazio

A Silktide encontra imagens marcadas como decorativas com texto alternativo vazio, mas que também têm um título. Os dois atributos são contraditórios, e as tecnologias assistivas lidam com esse conflito de forma imprevisível.

<!-- Problema: alt diz "ignore-me", title diz "leia-me" -->
<img src="logo.png" alt="" title="Logótipo da empresa">

<!-- Corrigido: genuinamente decorativa -->
<img src="logo.png" alt="">

<!-- Corrigido: genuinamente significativa -->
<img src="logo.png" alt="Logótipo da empresa">

Por que isso é importante

Um alt="" vazio declara que uma imagem é decorativa, indicando a um leitor de ecrã que deve ignorá-la. No entanto, um atributo title ainda é anunciado por alguns leitores de ecrã — assim, a mesma imagem fica silenciosa para alguns utilizadores e fala para outros. Seja qual for a intenção do autor, o resultado é incorreto para alguém.

O atributo title não é fiável em geral: normalmente aparece apenas como uma sugestão ao passar o rato, pelo que os utilizadores de teclado e de ecrã tátil também nunca o veem.

Como corrigir

1. Se a imagem for decorativa, remova o atributo title e mantenha o alt="" vazio.
2. Se a imagem for significativa, mova a descrição para o texto alternativo e remova o title.
3. Não utilize title como substituto do texto alternativo em nenhum local — ele não é exposto de forma fiável a ninguém.

Como a Silktide faz esta verificação

1. Encontra todas as imagens em cada página.
2. Seleciona as imagens cujo atributo alt está presente, mas vazio.
3. Comunica cada uma dessas imagens que também tenha um atributo title não vazio.

Saiba mais

• Compreender o Critério de Sucesso 1.1.1: Conteúdo não textual (WCAG 2.2)
• Técnica H67: Utilizar texto alternativo nulo e nenhum atributo de título em elementos img
• Imagens decorativas
• Texto alternativo em falta