"Accessibility isn't extra work. Accessibility is already here, waiting for you to notice."
This layout represents a passing grade for WCAG Success Criterion 1.4.3 (Contrast Minimum). The standard requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. In this design, our Primary Navy on White achieves a highly readable 12.6:1 ratio.
Even our lighter gray secondary text meets the standard. This text uses a specific shade of gray (#595959) which provides a compliant 4.6:1 ratio against the white background, ensuring it remains legible without overwhelming the visual hierarchy.
Notice how the dark text stands out sharply against the pure white background. The borders around this card use our Primary Navy to clearly define the edge of the interactive area, rather than relying on a faint drop shadow that might blur for users with low vision.
Forms are frequent casualties of the "subtle gray" design trend. Here, we define the input field with a solid, 2px Primary Navy border. It's immediately obvious to the user where they are supposed to click and type.