Acessibilidade Web: HTML Semântico e ARIA

Áudio automático ativado: as próximas questões serão lidas ao clicar em Continuar.

1. 1

   Qual elemento HTML é mais apropriado para agrupar os links principais de navegação de um site?

   A <div> B <nav> C <section>
2. 2

   Para que serve o atributo alt em uma imagem inserida com a tag <img>?

   A Fornecer uma alternativa textual para a imagem. B Definir o tamanho máximo da imagem. C Aplicar uma legenda visual abaixo da imagem.
3. 3

   Em uma página com uma única área principal de conteúdo, qual elemento semântico deve envolver esse conteúdo?

   A <aside> B <footer> C <main>
4. 4

   Uma imagem é apenas decorativa e não adiciona informação ao conteúdo. Qual valor deve ser usado no atributo alt?

   A alt="" B alt="imagem decorativa" C alt="null"
5. 5

   Qual é a principal vantagem de usar um elemento <button> nativo para uma ação que ocorre na própria página?

   A Ele impede automaticamente qualquer erro de JavaScript. B Ele já possui semântica, foco e ativação por teclado adequados. C Ele substitui a necessidade de estilos CSS.
6. 6

   Qual atributo deve associar visualmente e programaticamente um <label> a um campo de formulário?

   A name, com o mesmo valor no label e no input B aria-label, aplicado no elemento label C for no label, com valor igual ao id do campo
7. 7

   Qual prática melhora a acessibilidade da hierarquia de títulos em uma página?

   A Escolher h1, h2 e h3 apenas pelo tamanho visual desejado. B Usar títulos em uma ordem lógica que represente a estrutura do conteúdo. C Usar somente elementos h1 em todos os subtítulos.
8. 8

   Quando o atributo aria-expanded="true" é apropriado em um botão?

   A Quando o botão controla uma região expansível que está aberta. B Quando o botão está desabilitado. C Quando o botão possui apenas um ícone.
9. 9

   Qual atributo ARIA é adequado para dar um nome acessível a um botão que contém somente o ícone de lupa?

   A aria-hidden="true" B aria-expanded="false" C aria-label="Buscar"
10. 10

    Por que não se deve remover o contorno de foco com CSS sem oferecer uma alternativa visível?

    A Porque pessoas que usam teclado precisam identificar qual elemento está em foco. B Porque o navegador deixará de carregar os estilos da página. C Porque links não podem receber estilos personalizados.
11. 11

    Qual é a finalidade de um link de atalho como “Pular para o conteúdo principal” no início da página?

    A Atualizar automaticamente a página ao receber foco. B Permitir que usuários de teclado ignorem blocos repetidos de navegação. C Ocultar o conteúdo principal de leitores de tela.
12. 12

    Em qual situação o uso de aria-live="polite" é mais indicado?

    A Para substituir o atributo alt de todas as imagens. B Para transformar um parágrafo comum em um botão. C Para anunciar atualizações importantes que surgem dinamicamente sem interromper a leitura.