Paths/Frontend Engineer/Performance & Accessibility / Accessibility & Auditing
Audit the Contrast
Text that cannot be read is a defect. Write the audit with the ratios, the rule that applies and the fix you ship.
Validator
⏱ 0:00
IDLE — checks run live as you type commands; submit when done
01Requirements
live checks- File ~/frontend/a11y/audit.md exists○
- The document states the contrast ratios the design must meet○
- The document names the failing pair and the fix○
02Walkthrough
1 of 4 revealed- 01
Write the thresholds
The rule is 4.5 to 1 for body text and 3 to 1 for large text and interface boundaries.
echo '# Contrast audit\n\n## Thresholds\n\nBody text needs a contrast ratio of at least 4.5 to 1. Large text and interface boundaries need at least 3 to 1.' > ~/frontend/a11y/audit.md - 3 locked · each failed submit reveals one
03Stuck?
0 of 3 revealedTake a hint without losing the lab — each one points at the thing to look at, not at the answer.
04AI Tutor
guides, never solvesTell me what you're stuck on — I'll nudge, not solve. Which requirement are you looking at?
04Notebook
saved locally in this browserlearner@lab — ubuntu:24.04
Session is disposable
↑/↓ recalls commands · Ctrl+Enter submits · type help for the command list