Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Visual Design
Visual Hierarchy — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Visual Hierarchy
A designer wants to de-emphasize secondary body copy so the primary headline stands out more. They reduce the secondary text color to a contrast ratio of 3:1 against the white background. What is wrong with this approach?
Nothing — 3:1 contrast is the WCAG 2.2 AA requirement for normal body text
It violates WCAG 2.2 AA, which requires 4.5:1 contrast for normal text, and harms users with low vision; use reduced size, muted hue, or lighter weight instead to create visual recession while staying accessible
The approach is fine for desktop but should not be used on mobile viewports
It is acceptable as long as the text is not interactive and does not convey critical information
Check answer