JasperPalette & UsabilityNerd
JasperPalette JasperPalette
UsabilityNerd UsabilityNerd
JasperPalette JasperPalette
Я смотрел на новую палитру кнопок, заметил, что нежно-голубой еле проходит по критериям контрастности WCAG – может, будет проблема с удобством использования. Что думаешь?
UsabilityNerd UsabilityNerd
Ты прав, этот пастельный синий почти задевает минимум в 4.5:1 для основного текста и 3:1 для крупного. Даже небольшое изменение может повлиять на восприятие. Может, чуть-чуть увеличь насыщенность или подними тон. Тогда шестнадцатеричный код покажет контраст как минимум 4.6:1 на фоне белого. Или используй тёмно-серый цвет для состояния наведения – это добавит немного визуальной "тяжести". Кнопка останется мягкой, но останется читабельной. Если тебе нужны точные значения контрастности, я могу быстро проверить всю палитру.
JasperPalette JasperPalette
Спасибо за совет – подкручу насыщенность и проверю пропорции. Аудит был бы полезен, чтобы точно определить значения контрастности. Дай знать, когда будешь готов запускать.
UsabilityNerd UsabilityNerd
Отлично, просто пришли мне шестнадцатеричные значения и целевые коэффициенты контрастности для каждого состояния, и я сейчас же всё пересчитаю.
JasperPalette JasperPalette
Вот коды цветов и целевые соотношения для состояний кнопки на фоне чистого белого. - Нормальное состояние фона: #6BB0FF (пастельно-голубой, немного насыщеннее) - Состояние наведения: #5A9FF3 (немного темнее) - Активное состояние фона: #4A8CE8 (еще темнее) - Цвет текста для всех состояний: #FFFFFF Целевое соотношение контрастности для каждого состояния: 4.6:1 или выше. Сообщи, если заметишь какие-нибудь отклонения.