Контрастность, из-за которой текст «есть», но его всё равно не читают
Для доступности важен не только сам цвет, но и разница между текстом и фоном. Светло-серый текст на белом, бледно-синий на голубом, красный на тёмном — всё это выглядит аккуратно в макете, но ломается в реальном чтении. Особенно на солнце, на дешёвом экране и при низкой яркости.
Проверяйте не «на глаз», а в трёх состояниях:
— обычный текст и мелкие подписи;
— кнопки, ссылки, плейсхолдеры, ошибки;
— текст поверх фото, градиента и полупрозрачных блоков.
Частая ошибка — делать контраст только для заголовков. В итоге крупный текст читается, а подсказки, меню и формы теряются. Ещё одна проблема — опираться на цвет как на единственный сигнал: если поле ошибки отмечено только красным, часть людей её просто не увидит.
Если сомневаетесь, упростите решение: затемните подложку, увеличьте насыщенность текста, уберите лишнюю прозрачность и не ставьте серый «для красоты» туда, где есть смысл. Для интерфейса лучше чуть грубее, но читабельнее. Если человек не может быстро прочитать элемент, он не будет с ним взаимодействовать.
Доступность сайтов на WordPress
@wp_accessibility_lab_ww
Контрастность, из-за которой текст «есть», но его всё равно не читают
Этот пост опубликован в Telegram-канале Доступность сайтов на WordPress. Подписаться можно по ссылке: @wp_accessibility_lab_ww.