<?xml version="1.0" encoding="utf-8"?>

Maintain sufficient text contrast

Pay particular attention to the text color contrast. According to WCAG, the color contrast ratio should be no less than 4.5:1 for normal-sized text. Large-scale text (which equals approximately 24px or 18.5px if bold) should have a contrast ratio of at least 3:1. Also, keep in mind that white text requires you to aim for a 15.8:1 ratio.[1]

Use the WebAIM or Coolors contrast checkers to check if the color contrast ratio is sufficient.

Improve your UX & Product skills with interactive courses that actually work