CSS Quality & Compliance Flashcards

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

Answer: Respect users who want fewer animations

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

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

Answer: Scoping styles with low-specificity, modular class names

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

Why should color alone not be used to convey information?

Answer: Color-blind users may not perceive the distinction

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

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

Answer: Reducing inconsistent default styling across browsers

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

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

Answer: rem

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

What does a CSS code review most commonly check for?

Answer: Unused rules, duplication, and naming consistency

CSS reviews focus on dead code, duplication, and adherence to naming conventions.

Which compliance standard governs web accessibility most widely referenced for CSS?

Answer: WCAG

The Web Content Accessibility Guidelines (WCAG) define accessibility requirements for web content.