Font size
WorksheetsProgramação
Total questions: 11
Worksheet time: 6mins
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.
a) O seletor 1 pegará todas as tags de classe .card do documento; já o
seletor 2 aplicará o estilo para as tags h3, que estão dentro de h2 e são
descendentes de h1.
b) O seletor 1 pegará o primeiro elemento de classe .card que está dentro da
classe .container; já o seletor 2 aplicará o estilo para todas as tags h1, h2
e h3.
c) Os seletores 1 e 2 buscarão os elementos da mesma forma, a diferença é que
o primeiro buscará todas as classes .card e o segundo, todas as tags h3.
d) O seletor 1 pegará o primeiro elemento de classe .container que está
dentro da classe .card, já o seletor 2 aplicará o estilo para todas as tags h1,
que estão dentro de h2 e são descendentes de h3.
