A tag ALT é um atributo muito importante que deve ser sempre atribuído a todas as imagens de sua aplicação/site.

Existem dois principais motivos para isso. O primeiro é que ela é relevante para SEO e segundo que ela é essencial para acessibilidade.

Hoje ainda vejo muito gente com a visão de que acessibilidade seria um “plus” de sua aplicação/site mas só seria implementada caso o cliente exigisse. Não gente, não é assim, acessibilidade não é um “plus” ou um diferencial, ela é fundamental.

Sua aplicação/site tem que ser acessível e usável por todos, ponham isso em suas cabeças!

A atribuição do ALT já é um primeiro passo para tornar a aplicação/site acessível.

Certo, entendido. Mas cara, meu site tem milhões de arquivos e mais um tanto de imagens dentro de cada um, como eu vou fazer para não esquecer de nenhuma?

Realmente, é um cenário bem complicado, mas com 4 linhas de CSS resolvemos isso.

Sim, eu falei CSS. Vamos utilizar uma “sacada” bem legal. Vamos colocar uma borda(ou o que você quiser) para destacar a imagem e sabermos que ela está sem o ALT.

img[alt=""],
img:not([alt]) {
   border: 6px dashed red;
}

Simples e funcional. Acabou a desculpa de não colocar mais ALT, aliás, ela nunca existiu…