Magna Concursos

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