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?
Provas
Questão presente nas seguintes provas