Когда серый текст теряется на кремовом фоне?
Сравним одну строку меню в двух оттенках серого. Прежде чем увеличивать кегль, стоит измерить контраст.
Открываешь меню кафе на телефоне. Название блюда читается сразу, а чтобы разглядеть часы работы кухни, приходится подносить экран ближе. Иногда дело в тонком начертании. Иногда оттенок шрифта слишком близок к кремовому фону.
Одно время, два оттенка
На карточках одинаковые кегль и фон #F5F1E8. Слева цифры набраны цветом #A39E94, справа — #514D46. Контраст составляет примерно 2,37:1 и 7,45:1 соответственно. Для уровня AA стандарт WCAG задаёт минимум 4,5:1 для обычного текста и 3:1 для крупного в веб-интерфейсе. Для печати понадобится отдельная проба на выбранной бумаге при реальном освещении.
Какие строки затемнить в первую очередь?
Начните с того, что гость будет специально искать: цены, часы подачи, сведения об аллергенах. Если одновременно уменьшить кегль и осветлить шрифт, будет трудно понять, какое решение помешало чтению. В первой пробе поменяйте только цвет. Затем откройте меню в обычном масштабе на телефоне. Для террасы на Северном Кипре особенно показателен такой тест днём на улице.