Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Diferença de <a title> e <img alt>

Achei um pouco superficial a explicação no vídeo, além de como a Marina (primeira dúvida do fórum) já informou, o "title" nem foi inserido no vídeo.

Quando se usa o atributo "title" em um link <a title="tooltip"></a> aparece uma janelinha chamada tooltip quando deixamos o mouse pousado alguns segundos no link, como uma dica de onde irá o link.

Usamos o atributo "alt" em uma img <img alt="imagem é isso"> para quando a imagem não carrega (e provavelmente para sistemas de acessibilidade), segundo documentação oficial. Assim, faltando a imagem, o texto aparece para explicar o que deveria ter carregado.

Suas aplicações me parecem, na prática, a mesma em diferentes atributos de diferentes tags.

Devem/podem ser usadas juntas? No caso de <a title="tooltip"><img alt="imagem é isso"></a>.

1 resposta
solução!

Oi Gabriel, tudo bem?

Você está correto e suas explicações perfeitas.

A tag title é para o leitor de tela saber que aquele link vai para tal lugar ao ser clicado, como o twitter, por exemplo. E por isso é importante atribuir a tag title a tag mãe (que no caso do curso a tag a é mãe da tag img).

Assim o leitor de tela vai saber que aquele link em específico ao se clicado levará para o Twitter e que o ícone (img) faz parte da tag “a”.

O que ajuda muito as pessoas que utilizam leitores de tela para navegar em sites. Quanto mais informações você passar para o seu navegador, melhor para a experiência final do usuário.

Um abraço e bons estudos.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software