Making Accessible Designs
All elements have a contrast ratio of 4.5:1 (7:1 AAA) other than: Large scale text and images can be 3:1 (4.5:1 AAA). Purely decorative, logos, or inactive elements that don’t matter, have no contrast ratio requirements. Designing for color contrast is straightforward in many situations. Contrast checkers take the background color and the foreground color,…