Quiz sobre Acessibilidade em HTML

O que deve ser feito antes de adicionar o novo botão de acessibilidade, segundo o texto?

• Abrir o arquivo index.html no VS Code

• Criar uma nova pasta

• Executar o código no navegador

• Instalar uma extensão

O que significa acessibilidade em um site?

• Facilitar o acesso e uso do site por todas as pessoas, inclusive com necessidades especiais.

• Aumentar a velocidade do site.

• Adicionar mais imagens ao site.

• Reduzir o número de páginas do site.

Qual é a função do botão "A+" em um menu de acessibilidade?

• Aumentar o tamanho do texto.

• Diminuir o tamanho do texto.

• Salvar o site.

• Fechar o menu.

Qual é o valor do atributo "class" do novo botão de acessibilidade mostrado no exemplo?

• btn btn-primary fw-bold

• nav nav-link

• container d-flex

• nav mt-5

Qual propriedade CSS é usada para rotacionar o botão em -90 graus?

• transform: rotate(-90deg);

• background-color: red;

• font-size: 20px;

• margin: 10px;

Por que usamos a função function() {} dentro do addEventListener?

• Para definir o que acontece quando o evento ocorre.

• Para remover o evento.

• Para alterar o nome do botão.

• Para desabilitar o botão.

Qual é a importância de usar texto alternativo em imagens para acessibilidade?

• Para aumentar o tamanho das imagens.

• Para adicionar mais cores às imagens.

• Para melhorar o SEO do site.

• Para permitir que leitores de tela descrevam as imagens para usuários com deficiência visual.

Como o atributo 'aria-label' ajuda na acessibilidade de um site?

• Ele muda a cor do texto.

• Ele fornece uma descrição textual para elementos interativos, melhorando a navegação para usuários de leitores de tela.

• Ele altera o layout do site.

• Ele aumenta a velocidade de carregamento do site.

Qual é a função do atributo 'tabindex' em elementos HTML?

• Definir a ordem de navegação por teclado dos elementos.

• Alterar o estilo do texto.

• Adicionar imagens ao site.

• Remover elementos do DOM.

Qual é a função do atributo 'role' em elementos HTML?

• Adicionar um link ao elemento.

• Remover o elemento do DOM.

• Alterar a cor de fundo do elemento.

• Definir o papel semântico de um elemento para tecnologias assistivas.