","explicacao":"`

` delimita o conteúdo único e principal da página, devendo ser usado apenas uma vez."},{"pergunta":"Complete: No HTML5, o elemento `

` deve ser usado para __________.","alternativas":["qualquer grupo de links","navegação principal ou blocos de links de navegação","apenas menus dropdown","links de rodapé"],"correta":"navegação principal ou blocos de links de navegação","explicacao":"`

` é para seções de navegação principal, não para qualquer conjunto de links."},{"pergunta":"Qual ferramenta oficial valida HTML5?","alternativas":["ESLint","W3C Validator","Prettier","JSLint"],"correta":"W3C Validator","explicacao":"O W3C Nu HTML Checker (validator.w3.org/nu) é o validador oficial da W3C."},{"pergunta":"Qual atributo HTML5 adiciona validação de preenchimento obrigatório a um campo?","alternativas":["validate","mandatory","required","must"],"correta":"required","explicacao":"O atributo `required` impede o envio do formulário se o campo estiver vazio, com validação nativa do browser."},{"pergunta":"Para que serve o atributo `aria-describedby`?","alternativas":["Descrever visualmente um elemento com CSS","Associar um elemento de descrição a um campo para leitores de tela","Definir um label alternativo","Marcar um elemento como descritivo"],"correta":"Associar um elemento de descrição a um campo para leitores de tela","explicacao":"`aria-describedby` vincula um elemento de texto (ex: ``) como descrição acessível adicional para o campo."},{"pergunta":"Qual padrão de teclado deve abrir/fechar um modal acessível?","alternativas":["Enter para abrir, Esc para fechar","Tab para abrir, Shift+Tab para fechar","Space para abrir, Esc para fechar","Enter para abrir e fechar"],"correta":"Enter para abrir, Esc para fechar","explicacao":"Botões são ativados com Enter/Space, e modais devem fechar com a tecla Escape, como define a WAI-ARIA."},{"pergunta":"Diferencie `aria-label` de `aria-labelledby`.","alternativas":["Ambos são idênticos","aria-label referencia outro elemento por ID; aria-labelledby contém texto direto","aria-label contém texto direto; aria-labelledby referencia outro elemento por ID","aria-label é para botões; aria-labelledby é para inputs"],"correta":"aria-label contém texto direto; aria-labelledby referencia outro elemento por ID","explicacao":"`aria-label` recebe uma string direta, enquanto `aria-labelledby` recebe um ou mais IDs de elementos que contêm o texto do label."},{"pergunta":"Qual query CSS estiliza campos com valor inválido?","alternativas":["input[invalid]","input:invalid","input.error","input[validity=\"invalid\"]"],"correta":"input:invalid","explicacao":"A pseudo-classe `:invalid` do CSS seleciona elementos de formulário cujo valor não passa na validação de restrição."},{"pergunta":"Qual atributo do `

🎯 HTML5: Estrutura e Semântica Web

Qual atributo de script executa o código imediatamente após o download, sem aguardar o parsing do HTML?