Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

atributo alt

<h1><img src="logo.png" alt="Logo da Barbearia Alura"> </h1>

Não entendi como esse atributo aumenta a acessibilidade para o usuário. Não mudou nada visualmente na página. Era pra mudar?

3 respostas
solução!

Fala ai Taiane, tudo bem? Vamos lá:

Não entendi como esse atributo aumenta a acessibilidade para o usuário. Não mudou nada visualmente na página. Era pra mudar?

Normalmente, em uma das possíveis navegações que envolvem acessibilidade temos a navegação via teclado que na maioria das vezes é feito com um leitor de tela.

O leitor de tela não consegue ler elementos visuais, para ele a imagem é um elemento na página, ele não sabe se tem uma pessoa ou um animal por exemplo.

Sendo assim, através do atributo alt a gente consegue dizer para os leitores do que se trata tal imagem, assim, ele consegue ler o valor de alt e falar para as pessoas que o estão usando, exemplo:

Imagem Logo da Barbearia Alura

Sem o alt ele não consegue passar a semântica dessa imagem e em algumas situações os leitores nem iriam ler a imagem (caso esteja com alt em branco).

Espero ter ajudado.

Oii Matheus, Ajudou sim. Muito obrigada!

Magina Taiane, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.