CSS CSS Quality & Compliance 3

Question 1

What does the 'prefers-reduced-motion' media query allow developers to do?

Accepted Answer

Respect users who want fewer animations

Answer

prefers-reduced-motion lets you reduce or remove animation for users sensitive to motion.

Question 2

Which approach best prevents CSS specificity conflicts in a component-based design?

Accepted Answer

Scoping styles with low-specificity, modular class names

Answer

Modular, low-specificity class names keep components isolated and conflict-free.

Question 3

Why should color alone not be used to convey information?

Accepted Answer

Color-blind users may not perceive the distinction

Answer

WCAG requires information be conveyed by more than color so color-blind users aren't excluded.

Question 4

What is the benefit of a CSS reset or normalize stylesheet?

Accepted Answer

Reducing inconsistent default styling across browsers

Answer

Resets and normalize stylesheets create a consistent baseline across different browsers.

Question 5

Which unit is recommended for font sizes to respect user accessibility settings?

Accepted Answer

rem

Answer

rem scales with the root font size, honoring a user's browser text-size preferences.

CSS Language Practice Test