Pinceladas da Web

Em um artigo anterior, eu falei como fazer o uso correto da tag alt em imagens, como vocês podem ver, é rotineiro os usuários usarem a tag alt como tooltip, mas essa não é a verdadeira função dessa tag, sua função é proporcionar um texto altenativo caso as imagens não sejam carregadas, por exemplo, os leitores de tela, eles lêem o texto do atributo para o usuário. Um outro exemplo é o Google Image Searchs, ele não faz o uso das tags meta para indexar as imagens em seu banco, ele também faz o uso das tags alt, por isso a importância de se fornecer um texto que tenha conivência com as imagens.

Exemplos de má uso do Texto Alternativo

• Nas tags alt só devem conter texto alternativo, não é permitido usar tags do HTML.
• alt=”nome_da_imagem.jpg”: Não importa pra gente qual o nome da imagem.
• alt=”alt text”: Introduzido por alguns editores de HTML como um lembrete.
• alt=”Clique aqui!”: Não tem nenhuma finalidade útil, ao menos que esteja em uma imagem “Clique aqui”.
• Veja aqui mais exemplos.

Exemplos de uso correto do Texto Alternativo

• Jonathon Delacour: Ele usa um banner em seu site com um símbolo chinês, no atributo alt ele coloca o seguinte: Site logo:
  xin, the Chinese character for heart, que significa: Logo do site: Xin, o caractere chinês para o coração.
• Leslie Harpold: Tem um banner na página que inclui o nome do site “The Historical Present”, e a tagline: “Hypermodernism has a posse”. Como texto alternativo ele usa: “the historical present: hypermodernism has a posse”
• Simon Willison: Na etiqueta “W3C XHTML 1.0″ ele usa “Valid XHTML 1.0!”

Referências

• ALT texts in IMG
• Simple guidelines on using ALT texts in IMG elements
• Mini−FAQ about the alternate text of images
• Provide alternative text for all images
• ALT attribute
• How to Create Accessible Graphics
• What is meant by a text equivalent?
• On accessible advertising