Questão de Arquitetura de Software — E-mag (modelo de acessibilidade de governo eletrônico) — FCC 2017
Arquitetura de Software›E-mag (modelo de acessibilidade de governo eletrônico)
Código
fc036845
Banca
FCC
Órgão
DPE-RS
Ano
2017
Nível
Médio
Cargo
Técnico - Informática
Uma das recomendações do Modelo de Acessibilidade em Governo Eletrônico − eMAG é fornecer âncoras, disponíveis na barra de acessibilidade, que apontem para links relevantes presentes na mesma página de um website. Considere que no final da página há um texto relevante cujo título está delimitado por <a id="info">Informações</a>Um link Ver Informações na barra de acessibilidade para ir direto ao texto delimitado deve ser criado pela instrução HTML5
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
e-MAG – Âncoras e links na barra de acessibilidade
Gabarito: letra E. No HTML5, para criar um link que navegue para um elemento com um determinado id, utiliza-se o atributo href com o valor #id. A alternativa E apresenta exatamente a sintaxe correta: <a href="#info">Ver Informações</a>. As demais alternativas contêm erros na sintaxe ou no elemento HTML utilizado.
A questão cobra o conhecimento básico de HTML5 e a recomendação do eMAG de fornecer âncoras na barra de acessibilidade que apontem para links relevantes na mesma página. O elemento <a> com href contendo uma referência a um id (precedido de #) é a forma padrão de criar links internos.
Alternativa A — ❌ Incorreta
Utiliza href="info" sem o caractere #, o que faria o navegador tentar acessar uma URL relativa chamada "info", e não o elemento de id "info". Além disso, type="anchor" não é um atributo válido para a tag <a> em HTML5.
Alternativa B — ❌ Incorreta
Emprega a tag <link>, que é destinada a definir relações entre o documento atual e recursos externos (ex.: folhas de estilo, ícones). Não cria um link navegável na página.<br>Além disso, o atributo href="#info" é usado corretamente, mas o elemento é inadequado.
Alternativa C — ❌ Incorreta
Usa href="&info". O caractere & não é reconhecido como referência a id; o correto é #. Também contém type="anchor" que é inválido.
Alternativa D — ❌ Incorreta
Novamente utiliza a tag <link>, que não serve para criar links de navegação interna. O atributo type="anchor" não é padrão.
Alternativa E — ✅ Correta ⟵ GABARITO
Apresenta a sintaxe correta: <a href="#info">Ver Informações</a>. O # antes de "info" indica que se trata de um link interno para o elemento com id="info". É a forma padrão em HTML (e em HTML5) para navegação por âncoras.
PEGA ESSA DICA!
Emails de acessibilidade, como o eMAG, recomendam o uso de âncoras para facilitar a navegação. Lembre-se sempre de que links internos usam # seguido do id do elemento de destino. A tag correta é <a>, nunca <link>.