Os elementos da imagem não têm atributos [alt]

Os elementos informativos devem ter como objetivo um texto alternativo curto e descritivo. Os elementos decorativos podem ser ignorados com um atributo alt vazio.

Como a auditoria do Lighthouse de texto alternativo de imagem falha #

Elementos de sinalizadores de farol <img> que não têm atributos alt

Como adicionar texto alternativo às imagens #

Fornece um alt para cada elemento <img> Se a imagem não carregar, o alt é usado como um espaço reservado para que os usuários tenham uma ideia do que a imagem estava tentando transmitir. (Consulte também Incluir alternativas de texto para imagens e objetos.)

A maioria das imagens deve ter um texto curto e descritivo:

<img alt="Audits set-up in Chrome DevTools" 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:

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

Dicas para escrever um texto alt #

• alt o texto alternativo deve fornecer a intenção, o propósito e o significado da imagem.
• Os usuários cegos devem obter tanta informação do texto alternativo quanto um usuário vidente obtém da imagem.
• Evite palavras não específicas como "gráfico", "imagem" ou "diagrama".

Saiba mais no guia de texto alternativo do WebAIM .

Recursos #

• Código fonte para Elementos de imagem não possui auditoria de atributos [alt]
• As imagens devem ter um texto alternativo (Universidade Deque)