Questão de Arquitetura de Software — E-mag (modelo de acessibilidade de governo eletrônico) — FCC 2015
Arquitetura de Software›E-mag (modelo de acessibilidade de governo eletrônico)
Código
fc019131
Banca
FCC
Órgão
DPE-SP
Ano
2015
Nível
Superior
Cargo
Analista de Sistemas
Uma das recomendações do e-MAG diz que devem ser fornecidas âncoras, disponíveis na barra de acessibilidade, que apontem para links relevantes presentes na mesma página. Nesse contexto, considere o fragmento de código a seguir:<div><a href="#" id="irconteudo" class="oculto">Início do conteúdo</a><!-- Conteúdo --> </div>Para que um link do menu da barra de acessibilidade da página possa definir uma âncora para o link do fragmento de código acima, é necessário que este link tenha o atributo
Aanchor="#irconteudo"
Bhref="oculto"
Cfor="irconteudo"
Dhref="#irconteudo"
Eanchor="oculto"
Revelar gabarito e comentário▾
GabaritoD — href="#irconteudo"
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 e Links Âncora em HTML
Gabarito: letra D. Para que um link aponte para uma âncora em outra parte da página, o atributo href deve conter o caractere # seguido do valor do atributo id do elemento de destino. No fragmento, o elemento tem id="irconteudo", então o link de menu deve ter href="#irconteudo". Isso está de acordo com as recomendações do e-MAG, que incentiva o uso de âncoras para facilitar a navegação por teclado e leitores de tela.
Alternativa A — ❌ Incorreta
O atributo anchornão existe em HTML para elementos <a>. O correto é usar href. A banca tenta confundir com o termo "âncora" (tradução de anchor), mas o atributo válido é href.
Alternativa B — ❌ Incorreta
O valor "oculto" é o valor da classe CSS (class="oculto"), não o id do elemento. Para uma âncora, é necessário referenciar o id, não a classe.
Alternativa C — ❌ Incorreta
O atributo for é utilizado no elemento <label> para associá-lo a um campo de formulário pelo id do campo. Não se aplica a links âncora.
Alternativa D — ✅ Correta ⟵ GABARITO
O atributo href="#irconteudo" cria um link que, ao ser clicado, leva o usuário ao elemento com id="irconteudo" na mesma página. Esta é a forma padrão de definir uma âncora em HTML, conforme as boas práticas de acessibilidade do e-MAG.
Alternativa E — ❌ Incorreta
Novamente o atributo anchor não é válido, e o valor "oculto" não corresponde ao id correto.
PEGA ESSA DICA!
Lembre-se: âncora em HTML se faz com href="#id_do_elemento". O id deve ser único na página. O e-MAG recomenda colocar âncoras na barra de acessibilidade para permitir que usuários de teclado ou leitores de tela pulem diretamente para o conteúdo principal, menu, rodapé etc.