Dica de acessibilidade: Atributos alt vazios

Como desenvolvedor autodidata, minhas impressões sobre as práticas recomendadas foram formadas por mim mesmo e, com o passar dos anos, percebi que muitas dessas impressões estavam incorretas ou que os padrões associados a elas haviam mudado rapidamente. Uma prática pequena, mas importante, é o uso de alt nos atributos img e eu pensei que o senhor deveria definir um alt em todas as imagens da página. Mal sabia eu que esse não era o caso.

<!-- BAD: image URL will be read out -->
<img src="https://davidwalsh.name/wp-content/themes/punky/images/logo.png">

<!-- BAD: adding useless cruft alt -->
<img src="https://davidwalsh.name/wp-content/themes/punky/images/logo.png" alt="Logo">

<!-- GOOD: empty alt is silent -->
<img src="https://davidwalsh.name/wp-content/themes/punky/images/logo.png" alt="">

Imagens com valor apenas visual devem ter um alt vazio. A omissão do atributo alt faz com que a maioria dos leitores de tela leia todo o URL da imagem, e fornecer um atributo alt quando a imagem é apenas para fins visuais é igualmente inútil.

O senhor não pode culpar os jovens desenvolvedores por não conhecerem esse ou qualquer outro tópico relacionado à acessibilidade: a acessibilidade (e a usabilidade, aliás) não são tópicos ensinados na maioria das universidades. Sejamos honestos: a maioria dos desenvolvedores está entusiasmada com o fato de seus produtos funcionarem; acessibilidade e usabilidade são apenas bônus adicionais. Bem, agora o senhor não tem mais desculpa para não usar o alt corretamente!