Mission 15: The Contrast Mandate
A simulated "Optical Contrast Scanner" reports that the `.system-online` text has a failing contrast ratio against its background. You must darken the green to meet the AA standard.
00:00
Mission Objective
Change the `color` of the `.system-online` class from `lightgreen` to a compliant, darker green like `#33cc33`.
Step 1 / 1
System Briefing: The Contrast Mandate
A senior engineer with deuteranopia (red-green color blindness) reports that he cannot differentiate between "System Online" and "Warning" statuses on the warp core diagnostic panel. The colors are too similar, posing a significant safety risk. Your mission is to adjust the colors to meet WCAG AA standards.
WCAG Contrast Ratios
The Web Content Accessibility Guidelines (WCAG) provide standards for digital accessibility. For text, the contrast ratio between the text and its background is critical.
- AA Level (Minimum): A contrast ratio of at least 4.5:1 for normal text.
- AAA Level (Enhanced): A contrast ratio of at least 7:1 for normal text.
Many free online tools and browser extensions can check these ratios for you.