Considere o seguinte trecho de código: < a href="http://w...
< a href="http://www.nome_empresa.com.br"> < img src="logo_empresa.gif" width="170" height="82" border="0"/>< /a>
O código acima apresenta os dados corretamente em vários navegadores web. No entanto, ele não será validado pelos padrões W3C. Qual dos seguintes itens deve ser adicionado, para que o código seja validado corretamente?
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
A alternativa correta é a A - O atributo alt.
Para compreender esta questão, é importante saber que a acessibilidade e a padronização web são conceitos fundamentais no desenvolvimento de páginas para a internet. A organização W3C (World Wide Web Consortium) define padrões que visam garantir que o conteúdo da web seja acessível a todos os usuários, incluindo aqueles com deficiências. Um destes padrões é a exigência do atributo alt em imagens (<img>).
O atributo alt fornece uma descrição textual alternativa para imagens, o que é essencial para usuários que utilizam leitores de tela ou que por alguma razão não podem visualizar a imagem. A ausência deste atributo faz com que o código HTML não seja validado pelo W3C, pois não atende aos critérios de acessibilidade.
As outras opções apresentadas não são exigências dos padrões do W3C para a validação do código apresentado:
- Uma folha de estilos linkada (<link>) ou incorporada (<style>) não é requerida para a validação da imagem em si.
- A etiqueta de encerramento (/img) não existe para a tag <img>, pois ela é uma tag auto-fechável, portanto a opção C também não se aplica.
Portanto, a adição do atributo alt é o que torna o trecho de código compatível com as diretrizes de acessibilidade do W3C, garantindo que o código seja validado corretamente.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
A) O atributo Alt
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo