Website Color Contrast Quiz

Qual afirmação sobre contraste de cores em sites é verdadeira?

• Texto com letras pretas em um fundo branco tem baixo contraste.

• Contraste é a diferença de cor entre dois elementos adjacentes, como texto e fundo.

• Texto com letras turquesa em um fundo azul claro tem alto contraste.

• Com contraste, podemos criar descrições para imagens de sites.

Compare os seguintes seletores CSS: Seletor 1: .container .card { } Seletor 2: h1, h2, h3 { } Qual das seguintes afirmações está correta sobre eles?

• O Seletor 1 selecionará todas as tags da classe .card no documento; o Seletor 2 aplicará estilos às tags h3 dentro de h2 que são descendentes de h1.

• O Seletor 1 selecionará o primeiro elemento da classe .card dentro de .container; o Seletor 2 aplicará estilos a todas as tags h1, h2 e h3.

• Ambos os seletores buscarão elementos da mesma forma, mas o Seletor 1 buscará todas as classes .card e o Seletor 2 todas as tags h3.

• O Seletor 1 selecionará o primeiro elemento da classe .container dentro de .card; o Seletor 2 aplicará estilos a todas as tags h1 dentro de h2 que são descendentes de h3.

Qual opção corrige corretamente o algoritmo para que o botão mude a cor de fundo quando clicado?

• 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("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 importância do uso de cores acessíveis em um site?

• As cores acessíveis são apenas uma tendência de design e não afetam a usabilidade.

• Elas garantem que todos os usuários, incluindo aqueles com deficiências visuais, possam ler e interagir com o conteúdo.

• O uso de cores acessíveis é importante apenas para sites de comércio eletrônico.

• As cores acessíveis são usadas para aumentar a velocidade de carregamento do site.

Qual das seguintes opções descreve corretamente o uso de pseudoclasses CSS?

• Pseudoclasses são usadas para definir a estrutura HTML de um documento.

• Pseudoclasses são usadas para definir estilos para elementos que não existem no DOM.

• Pseudoclasses são usadas para aplicar estilos a elementos com base em seu estado, como :hover ou :focus.

• Pseudoclasses são usadas para criar animações complexas em CSS.

Qual é a função do método addEventListener em JavaScript?

• Ele é usado para anexar um manipulador de eventos a um elemento HTML, como um clique ou uma tecla pressionada.

• Ele é usado para alterar o estilo CSS de um elemento HTML.

• Ele é usado para remover eventos de elementos HTML.

• Ele é usado para adicionar novos elementos HTML ao DOM.

Qual das seguintes opções descreve corretamente o uso de seletores de atributo CSS?

• Seletores de atributo são usados para definir a estrutura HTML de um documento.

• Seletores de atributo são usados para remover elementos do DOM.

• Seletores de atributo são usados para aplicar estilos a elementos com base em seus atributos HTML.

• Seletores de atributo são usados para criar animações complexas em CSS.

Qual é a função do método querySelector em JavaScript?

• Ele é usado para adicionar novos elementos HTML ao DOM.

• Ele é usado para selecionar o primeiro elemento que corresponde a um seletor CSS especificado.

• Ele é usado para alterar o estilo CSS de todos os elementos HTML.

• Ele é usado para remover eventos de elementos HTML.

Qual das seguintes opções descreve corretamente o uso de variáveis CSS?

• Variáveis CSS são usadas para remover elementos do DOM.

• Variáveis CSS são usadas para criar animações complexas em CSS.

• Variáveis CSS são usadas para definir a estrutura HTML de um documento.

• Variáveis CSS são usadas para armazenar valores que podem ser reutilizados em um documento CSS.

Qual é a função do método getElementById em JavaScript?

• Ele é usado para remover um elemento HTML do DOM.

• Ele é usado para selecionar um elemento HTML com um ID específico.

• Ele é usado para selecionar o primeiro elemento que corresponde a um seletor CSS especificado.

• Ele é usado para selecionar todos os elementos que correspondem a um seletor CSS especificado.