WorksheetsREC. 1
Total questions: 8
Worksheet time: 4mins
Observe a figura abaixo e indique a alternativa que demonstra o exemplo mais adequado de descrição dessa imagem:
Um violão laranja com detalhes em roxo, inclinado na diagonal sobre um fundo azul claro.
Violão marrom colocado na vertical, dentro de um cenário com formas geométricas.
Um violão grande na cor laranja, posicionado verticalmente sobre um fundo claro.
Ilustração do site com instrumento musical na horizontal.
Analise a imagem a seguir e indique qual das opções abaixo deveria ser corrigida para melhorar a acessibilidade deste site.
Tamanho da imagem
Contraste de cores
Tamanho da fonte (textos)
Descrição da imagem
Jackeline criou um algoritmo para mudar a cor de fundo do seu site, ao clicar em um botão:
const botaoMudaCor = document.getElementById("botao-muda-cor"); document.body.classList.toggle("fundo-escuro");
No entanto, ao testar em seu navegador, Jackeline notou que ele não está funcionando corretamente.
Escolha a alternativa que indica o algoritmo corrigido, de forma em que o botão funcione sempre que for clicado:
const botaoMudaCor = document.getElementById("botao-muda-cor");
botaoMudaCor.addEventListener("click", function () { document.body.classList.toggle("fundo-escuro"); });
const botaoMudaCor = document.getElementById("botao-muda-cor");
botaoMudaCor.addEventListener("click", function () { document.toggle("fundo-escuro"); });
const botaoMudaCor = document.getElementById("botao-muda-cor");
botaoMudaCor.addEventListener("click", function () {}); document.body.classList.toggle("fundo-escuro");
const botaoMudaCor = document.getElementById("botao-muda-cor");
botaoMudaCor.addEventListener(document.body.classList.toggle("fundo-escuro"););
Qual a principal função do arquivo README.md em um projeto? Escolha a alternativa correta.
O arquivo README.md é responsável por transmitir informações e instruções do código, ele explica o que o projeto faz, como instalá-lo, executá-lo e como contribuir com ele.
O arquivo README.md é responsável pelo conteúdo da página, ou seja, textos, imagens, links e seções. Sem ele, o site não é exibido corretamente.
O arquivo README.md é responsável por inserir uma interação na página, como por exemplo executar uma ação após o clique de um botão.
O arquivo README.md é responsável por garantir um visual mais atrativo ao projeto, modificando a aparência do site com novas cores, fontes e espaçamentos.
Qual o código correto para aplicar o ScrollReveal a um elemento com o ID "contato", com um atraso de 1 segundo para a animação começar?
ScrollReveal().reveal('#contato', { delay: 1000 });
ScrollReveal().reveal('#contato', { delay: 1 });
ScrollReveal().reveal('#contato', { delay: '1s' });
ScrollReveal().reveal('.contato', { delay: 1 });
Por que é tão importante usar a mesma rede de distribuição de conteúdo (CDN) para diferentes recursos em um site?
Identifique a alternativa que responde corretamente à pergunta.
Porque isso aumenta a segurança do site, afinal os recursos são armazenados em servidores mais seguros.
Porque isso facilita a manutenção do site, afinal todos os recursos são gerenciados em um único local.
Porque isso permite que o navegador carregue os recursos em paralelo, o que pode aumentar o tempo de carregamento do site.
Porque isso garante que todos os recursos sejam carregados da mesma fonte, com a mesma velocidade e qualidade, proporcionando um carregamento mais consistente e otimizado.
Jonathas aprendeu algumas formas de tornar o seu site acessível, por exemplo:
Utilizando descrição nas imagens (alt-text);
Criando o recurso de alto contraste para a tela do site;
Adicionando a navegação pela tecla Tab.
Agora, avalie as alternativas abaixo e selecione a opção que indica outras formas de garantir a acessibilidade em um site.
Adicionar legendas para tornar o conteúdo audiovisual acessível para pessoas com deficiência auditiva e usar textos descritivos nos links.
Garantir que o site funcione apenas em dispositivos móveis e de forma estática, removendo animações como vídeos e formulários.
Usar fontes pequenas para um design criativo e garantir que todos os usuários acessem o conteúdo através do mesmo navegador.
Utilizar imagens de alta resolução e garantir que o conteúdo possa ser acessado e navegado apenas pelo mouse.
Assinale a alternativa que associa corretamente o atributo tabindex com a sua definição:
Fornece um comando de aumentar ou reduzir a fonte da página através da tecla Tab.
Define a ordem de navegação pela tecla Tab, permitindo que elementos específicos sejam acessíveis por teclado.
Define a ordem de navegação pela tecla Ctrl, permitindo que elementos específicos sejam acessíveis por teclado.
Fornece um comando para descrever as imagens do site ao clicar na tecla Ctrl.
