Questão de Programação — Programação de front end — FUNDATEC 2025
ProgramaçãoProgramação de front end
- Código
- qg474999
- Banca
- FUNDATEC
- Órgão
- PROCERGS
- Ano
- 2025
- Nível
- Superior
- Cargo
- Analista em Computação/Ênfase em Programação de Sistemas na Tecnologia Microsoft
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:
Qual decisão de projeto semântico atende melhor às boas práticas de HTML e WAI-ARIA?
Qual decisão de projeto semântico atende melhor às boas práticas de HTML e WAI-ARIA?- AManter < 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.
- BSubstituir links de navegação por <span role="link"> para "uniformizar" o estilo, acionando com JavaScript e evitando o comportamento padrão do navegador.
- CRemover 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".
- DConfigurar tabindex="-1" em elementos interativos para "evitar excesso de tab stops", deixando o foco chegar apenas por JavaScript.
- EPreferir elementos HTML nativos para o papel e aplicar WAI-ARIA apenas para complementar a semântica quando o HTML não for suficiente.