Почему контрастность текста — это не просто про слабовидящих

Почему контрастность текста — это не просто про слабовидящих

Из источника: стандарт WCAG 2.1 требует минимум 4.5:1 для обычного текста. Но дело не в цифре — дело в том, что правильная контрастность работает для всех. Плохой контраст режет глаза в солнечный день, затрудняет чтение на мобильном устройстве с низкой яркостью, замедляет восприятие информации даже у людей с нормальным зрением.

Что важно: проверь свой текущий проект прямо сейчас. Откройся в Figma или девтулс браузера, включи режим контрастности или просто посмотри экран под углом — если начинаешь щуриться, контраст недостаточный. Чёрный текст на белом работает безотказно. Серый на белом — уже проблема. Оттенки серого друг на друге — практически нечитаемо.

Что делать на практике:
• Проверь фон кнопки и текст на ней — это первое место, где ломается контрастность
• Если ты дизайнер — используй Color Contrast Analyzer или встроенные проверки в Figma
• Если ты разработчик — axe DevTools находит проблемы за две секунды
• Не полагайся на визуальное восприятие: измеряй, не гадай

Часто думают, что a11y — это затраты. На самом деле хороший контраст улучшает восприятие продукта для всех пользователей сразу. Светлый текст на тёмном фоне, яркие акценты на нейтральных фонах — это работает везде: от мобильного приложения до маркетинговой страницы. Начни с контрастности, остальное встанет на место.