Перевірте коефіцієнт контрасту між кольором тексту та фону за стандартом WCAG.
Так виглядає ваш текст на вибраному фоні. Змінюйте кольори, доки його не стане зручно читати.
Це міра різниці яскравості між двома кольорами. Її записують як співвідношення від 1:1 (контрасту немає) до 21:1 (максимум, чорне на білому). Що вище значення, то легше читати текст.
Для дрібного тексту рівень AA вимагає співвідношення щонайменше 4,5:1, а рівень AAA — 7:1. Для великого тексту (18 pt або 14 pt жирним) AA вимагає 3:1, а AAA — 4,5:1. Ці мінімуми гарантують, що більшість людей, зокрема з послабленим зором, зможуть прочитати ваш контент.
Так виглядає ваш текст на вибраному фоні. Змінюйте кольори, доки його не стане зручно читати.