Questão 2977348 de Tecnologia da Informação - FUNDATEC 2025

Questão

ID 2977348

Disciplina: Tecnologia da Informação

Assuntos: W3C, WCAG e WAI

Ano: 2025 Banca: FUNDATEC - Fundação Universidade Empresa de Tecnologia e Ciências Órgão: Centro de Tecnologia da Informação e Comunicação do Rio Grande do Sul

Em um portal web, a equipe precisa de um controle clicável que dispare uma ação (abrir modal e enviar dados) e seja acessível por padrão: foco via teclado, comportamento consistente (Enter/Espaço), nome acessível e papel semântico correto, compatível com leitores de tela e automação de testes. O código legado utiliza o seguinte:

<div class="btn" role="button" tabindex="0" onclick="enviar()"

onkeydown="if(event.key==='Enter'||event.key===' '){enviar()}">

Enviar

</div>

Qual decisão de projeto semântico atende melhor às boas práticas de HTML e WAI-ARIA?

Alternativa A:
Manter <div role="button" tabindex="0"> com handlers de teclado para “simular” o nativo, pois isso torna o controle equivalente a <button> sem custos de refatoração.
Alternativa B:
Substituir links de navegação por <span role="link"> para “uniformizar” o estilo, acionando com JavaScript e evitando o comportamento padrão do navegador.
Alternativa C:
Remover o rótulo visível e ficar só com um ícone, confiando em title ou aria-label para resolver o nome acessível e reduzir “ruído visual”.
Alternativa D:
Configurar tabindex="-1" em elementos interativos para “evitar excesso de tab stops”, deixando o foco chegar apenas por JavaScript.
Alternativa E:
Preferir elementos HTML nativos para o papel e aplicar WAI-ARIA apenas para complementar a semântica quando o HTML não for suficiente.

Estatísticas Cadernos

Questão 2977348

Continue estudando na plataforma