
Website Color Contrast Quiz
Computers
12th Grade
Used 1+ times

AI Actions
Add similar questions
Adjust reading levels
Convert to real-world scenario
Translate activity
More...
Content View
Student View
12 questions
Show all answers
1.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
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.
2.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
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.
3.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
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"););
4.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
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.
5.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
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.
6.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
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.
7.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
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.
Access all questions and much more by creating a free account
Create resources
Host any resource
Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever
or continue with

Microsoft
%20(1).png)
Apple
Others
Already have an account?
Similar Resources on Wayground
11 questions
Cascading Style Sheets
Quiz
•
8th - 12th Grade
10 questions
TALLER DE CULTURA
Quiz
•
9th - 12th Grade
15 questions
Cuestionario sobre seguridad en línea
Quiz
•
2nd Grade - University
10 questions
Seguridad Informática
Quiz
•
5th Grade - Professio...
11 questions
Evaluación-II Bimestre
Quiz
•
12th Grade
15 questions
Componentes de una RED LAN
Quiz
•
12th Grade
17 questions
Budaya Digital
Quiz
•
10th - 12th Grade
10 questions
Tecnologías de la Información II Diagnosis Exam
Quiz
•
9th - 12th Grade
Popular Resources on Wayground
15 questions
Fractions on a Number Line
Quiz
•
3rd Grade
20 questions
Equivalent Fractions
Quiz
•
3rd Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
29 questions
Alg. 1 Section 5.1 Coordinate Plane
Quiz
•
9th Grade
22 questions
fractions
Quiz
•
3rd Grade
11 questions
FOREST Effective communication
Lesson
•
KG
20 questions
Main Idea and Details
Quiz
•
5th Grade
20 questions
Context Clues
Quiz
•
6th Grade
Discover more resources for Computers
20 questions
-AR -ER -IR present tense
Quiz
•
10th - 12th Grade
22 questions
El Imperfecto
Quiz
•
9th - 12th Grade
20 questions
SSS/SAS
Quiz
•
9th - 12th Grade
20 questions
verbos reflexivos en español
Quiz
•
9th - 12th Grade
14 questions
Making Inferences From Samples
Quiz
•
7th - 12th Grade
23 questions
CCG - CH8 Polygon angles and area Review
Quiz
•
9th - 12th Grade
8 questions
Momentum and Collisions
Lesson
•
9th - 12th Grade
28 questions
Ser vs estar
Quiz
•
9th - 12th Grade