<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?
<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?
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.