Что такое color contrast и почему это важно?

Color contrast — это разница яркости между текстом и фоном. WCAG требует минимум 4.5:1 для обычного текста и 3:1 для крупного (18px bold или 24px). Низкий контраст делает текст нечитаемым для людей с ослабленным зрением. Проверять можно в DevTools (Elements → color picker показывает ratio), через axe или Lighthouse. Серый текст на белом фоне — частая ошибка дизайнеров. Для interactive элементов также нужен контраст в состояниях focus и hover.