Acessibilidade web: melhorando a experiência do usuário

Questão 1 – Tamanho da fonte

Analise as afirmações a seguir e determine V para afirmações verdadeiras

• O recurso de aumentar/diminuir a fonte é útil apenas para pessoas com

  baixa visão.

• O recurso de aumentar/diminuir a fonte é fundamental para garantir que as

  imagens possam ser descritas corretamente através de leitores de tela.

• O recurso de aumentar/diminuir a fonte ajuda pessoas com dificuldade de

  leitura a visualizar o conteúdo de uma página de forma mais fácil e clara.

• a) A linha de declaração da let letraTamanhoAtual deveria vir abaixo da

  alteração de estilo, desta forma a fonte seria reduzida a cada clique.

• b) É necessário informar dentro do escutador de clique (EventListener)

  que a variável letraTamanhoAtual reduzirá cada vez que for clicada.

  Podemos utilizar o código letraTamanhoAtual = 0.1; para isso.

• c) A linha de declaração da const botaoReduzirTamanho deveria estar

  abaixo do escutador de clique (EventListener), porque essa variável não

  está sendo chamada no código atual.

• d) É necessário adicionar o operador - na linha let letraTamanhoAtual. Fica

  o código corrigido assim: let letraTamanhoAtual -= 1;.

Acessibilidade web: melhorando a experiência do usuário

Questão 3– Contraste de cores

Qual das seguintes opções é verdadeira sobre a importância do contraste de cores em sites acessíveis?

• O contraste de cores só é importante para sites de comércio eletrônico.

• Um bom contraste de cores ajuda a melhorar a legibilidade para todos os usuários, especialmente aqueles com deficiência visual.

• O contraste de cores é irrelevante para usuários com deficiência visual.

Acessibilidade web: melhorando a experiência do usuário

Questão 4 – Navegação por teclado

Por que a navegação por teclado é um aspecto crucial da acessibilidade web?

• Porque melhora a estética do site.

• Porque é uma técnica obsoleta e não é mais necessária nos sites modernos.

• Porque permite que usuários com mobilidade reduzida naveguem em um site sem a necessidade de um mouse.

Acessibilidade web: melhorando a experiência do usuário

Questão 5 – Textos alternativos

Qual é a função principal dos textos alternativos em imagens?

• Servir como legenda para todas as imagens em um site.

• Melhorar o design visual do site.

• Fornecer uma descrição textual das imagens para usuários que utilizam leitores de tela.

Questão 6 – Associando conceitos

Associe as colunas a seguir:

Coluna A: conceitos

(1) display: flex;

(2) flex-direction: column;

(3) addEventListener(‘click’, function() {});

(4) classList.toggle(‘botao’)

Coluna B: definições

(A) Define um elemento como um container flexível.

(B) Alterna o estado de uma classe, adicionando ou removendo de um

elemento.

(C) Permite que um elemento execute uma função ao ser clicado.

(D) Define a direção dos elementos, dentro de um container flexível.

Agora, assinale a alternativa correta:

• a) 1-B, 2-C, 3-A, 4-D

• b) 1-C, 2-A, 3-D, 4-B

• c) 1-D, 2-A, 3-B, 4-C

• d) 1-A, 2-D, 3-C, 4-B

Acessibilidade web: melhorando a experiência do usuário

Questão 7 – Leitores de tela

Qual é a importância dos leitores de tela na acessibilidade web?

• Os leitores de tela são apenas uma ferramenta de design visual.

• Os leitores de tela ajudam usuários com deficiência visual a acessar o conteúdo de um site.

• Os leitores de tela são usados para aumentar a velocidade de carregamento de um site.

Acessibilidade web: melhorando a experiência do usuário

Questão 8 – Formulários acessíveis

Por que é importante criar formulários acessíveis em um site?

• Formulários acessíveis garantem que todos os usuários possam interagir com eles, independentemente de suas habilidades.

• Formulários acessíveis são apenas uma tendência de design moderno.

• Formulários acessíveis são necessários apenas para sites de comércio eletrônico.

Acessibilidade web: melhorando a experiência do usuário

Questão 9 – Uso de ARIA

Qual é a função das propriedades ARIA em um site?

• As propriedades ARIA são usadas para aumentar a velocidade de carregamento do site.

• As propriedades ARIA são usadas para melhorar a estética do site.

• As propriedades ARIA ajudam a tornar o conteúdo web mais acessível para pessoas com deficiências.

Acessibilidade web: melhorando a experiência do usuário

Questão 10 – Contraste de cores

Interprete as afirmações a seguir sobre o contraste das cores em sites,

classificando-as com V para afirmações verdadeiras

• Um texto com letras pretas sobre fundo branco possui baixo contraste.

• O contraste é a diferença de cor entre dois elementos adjacentes, como

  texto e fundo.

• Um texto com letras azul-turquesa sobre fundo azul-claro possui alto

  contraste.

• Com o contraste, podemos criar descrições para as imagens do site.