Контрастность — не про красоту. Это про то, увидят ли текст и кнопки вообще

Контрастность — не про красоту. Это про то, увидят ли текст и кнопки вообще

На сайтах на WordPress низкий контраст чаще ломает не дизайн, а сценарий: человек не может прочитать цену, форму, меню или ошибку в поле. Для доступности важны не “модные” оттенки, а различимость текста и фона, иконок и фона, рамок и состояния фокуса.

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

Особое внимание — на мелкий текст, второстепенные блоки и состояния hover/focus. Если элемент заметен только на большом мониторе и только при идеальном освещении, это уже слабое решение. В админке WordPress полезно проверять контраст у виджетов, форм и блоков темы, а не только у главного экрана. 🙂

Простой тест: переведите макет в черно-белый режим и посмотрите, остались ли иерархия, кнопки и ошибки читаемыми. Если да — контрастная база крепкая.