CSS Quality & Compliance Flashcards
7 cards from real CSS practice questions. Tap to flip, then mark Knew It or Still Learning — missed cards come back until you master them.
Read the first 7 CSS Quality & Compliance flashcards as text
What does a high specificity score generally make harder?
Answer: Overriding styles later in the cascade
High specificity rules are difficult to override, leading to brittle stylesheets.
Which accessibility check ensures content remains usable when zoomed to 200%?
Answer: Text reflow and resizing support
WCAG requires content to reflow and remain usable when text is resized up to 200%.
What is the main quality benefit of organizing CSS with a methodology like ITCSS or SMACSS?
Answer: Predictable structure and reduced specificity conflicts
Architecture methodologies give CSS a predictable structure and manage specificity intentionally.
Why should decorative images placed via CSS background not contain essential content?
Answer: Screen readers cannot announce CSS background images
CSS backgrounds aren't exposed to assistive tech, so essential content must use accessible HTML.
Which is a benefit of removing unused CSS (e.g., with PurgeCSS)?
Answer: Smaller stylesheets and faster loads
Removing dead CSS reduces file size and improves load performance.
What does enforcing a consistent CSS formatting style (via Prettier) primarily improve?
Answer: Readability and reduced diff noise in reviews
Consistent formatting improves readability and keeps version-control diffs clean.
Which is a recommended way to support dark mode accessibly in CSS?
Answer: Using the prefers-color-scheme media query
prefers-color-scheme detects the user's system theme to provide an accessible dark mode.