<b>Контрастность, которая реально помогает: 5 ошибок, которые ломают читаемость</b>

<b>Контрастность, которая реально помогает: 5 ошибок, которые ломают читаемость</b>

Контраст — это не только «чёрный текст на белом фоне». Для доступности важна разница между текстом и фоном, и между элементами интерфейса: кнопками, ссылками, иконками, полями формы. Если граница слабая, пользователь с плохим зрением, на солнце или с уставшими глазами просто не разберёт, куда нажать.

Частые ошибки:
— светло-серый текст на белом фоне;
— ссылки, которые отличаются только цветом, без подчёркивания;
— кнопки с прозрачным фоном и тонкой обводкой;
— текст поверх изображений без затемняющей подложки;
— placeholder вместо подписи поля.

Проверяйте контраст не «на глаз», а в трёх состояниях: обычный текст, крупный текст, элементы управления. Особенно внимательно смотрите на hover, focus и disabled — там дизайн часто становится красивым, но нечитаемым. Если хочется «легкости», лучше снизить насыщенность фона, а не текста.

Хорошее правило простое: если элемент нельзя уверенно прочитать за секунду, значит контраст уже под вопросом. Сначала делайте читаемость, потом декоративность.