Atributo ALT

Situação

O atributo alt indica para o navegador e para os leitores de tela o possível conteúdo que as imagens contem. Isso permite que pessoas com problemas de acessibilidade consigam entender os elementos gráficos disponibilizados.

Elementos informativos precisam conter no atributo alt um texto alternativo curto e descritivo. Elementos decorativos podem ser ignorados com um atributo alt vazio.

Recomendação

Forneça um atributo alt para cada elemento <img>. Se a imagem não carregar, o texto desse atributo será usado como um espaço reservado para que os usuários tenham uma ideia do que a imagem estava tentando transmitir.

Exemplo
<img alt="iPhone 12" src="...">

Se a imagem atuar como decoração e não fornecer nenhum conteúdo útil, atribua a ela um alt="" vazio para removê-la da árvore de acessibilidade.

Exemplo decorativo
<img src="background.png" alt="">

Last updated