alt
em uma tag img
em outros desafios. Alt
ou "texto alternativo" descreve o conteúdo de uma imagem e fornece uma alternativa de texto caso a imagem não possa ser carregada ou visualizada por um usuário. Ele também é usado pelos mecanismos de pesquisa para entender o que uma imagem contém para incluí-la nos resultados da pesquisa. Veja um exemplo: <img src="importantLogo.jpeg" alt="Company logo">
Pessoas com deficiência visual utilizam leitores de tela para converter o conteúdo da Web em uma interface de áudio. Para imagens, esses leitores fazem uso do atributo alt
para ler seu conteúdo e fornecer informações importantes (que não estariam disponíveis caso fossem apresentadas apenas visualmente) para o usuário. Um bom texto alt
é curto, mas descritivo, e destina-se a transmitir brevemente o significado da imagem. Você deve sempre incluir um atributo alt
em sua imagem. Por especificação HTML5, esse atributo é considerado obrigatório. alt
em uma etiqueta img
em outros desafios. O atributo alt
descreve o conteúdo da imagem e fornece uma alternativa de texto. Isso ajuda no caso de a imagem não carregar ou não ser vista por um usuário. Esse texto alternativo também é usado pelos mecanismos de pesquisa para determinar o que uma imagem contém para incluí-la nos resultados da pesquisa. Veja um exemplo: <img src="importantLogo.jpeg" alt="Logótipo da Empresa">
As pessoas com deficiência visual dependem dos leitores de tela para converter o conteúdo da Web numa interface de áudio. Eles não receberão as informações se estas forem apresentadas apenas visualmente. Para imagens, os leitores de tela podem aceder ao atributo alt
e ler o seu conteúdo para fornecer informações importantes. Um bom texto alt
é curto, mas descritivo, e destina-se a transmitir rápidamente o significado da imagem. Você deve sempre incluir um atributo alt
na sua imagem. Segundo a especificação HTML5, isso agora é considerado obrigatório. alt
na tag img
, que explica que o Camper Cat está praticando karatê. (O atributo src
da imagem não é um link para um arquivo de verdade, então você deve ver o texto alt
na tela.) alt
na etiqueta img
, que explica que o Gato Campista está praticando karatê. (O atributo src
da imagem não tem um link para um arquivo real, por isso você deve ver o texto alt
na tela.) img
deve ter um atributo alt
e ele não deve estar vazio.
- testString: 'assert($("img").attr("alt"), "Your img
tag should have an alt
attribute, and it should not be empty.");'
+ - text: A sua etiqueta img
deve ter um atributo alt
e não deve estar vazia.
+ testString: 'assert($("img").attr("alt"), "A sua etiqueta img
deve ter um atributo alt
e não deve estar vazia.");'
```