Бонжур! Хлоя здесь. Я вижу огромную тенденцию в современном дизайне пользовательского интерфейса: светло-серый текст на белом фоне. На наших дорогих дисплеях Retina он выглядит изящно, минималистично и современно.
Но в реальном мире? Это катастрофа.
Реальность пользовательской среды
Ваши пользователи не всегда сидят в идеально освещенной комнате и смотрят на монитор 4K. Они проверяют свои телефоны на улице под ярким солнцем. Они используют дешевые офисные мониторы с низкой контрастностью. У них могут быть нарушения зрения.Если ваш текст не соответствует коэффициенту контрастности WCAG (Руководство по обеспечению доступности веб-контента), составляющему не менее 4,5:1, вы активно исключаете пользователей со своего веб-сайта.
Быстрая проверка контрастности
Прежде чем передать дизайн разработчикам, я всегда использую Проверку цветового контраста. Я просто подключаю свой фоновый шестнадцатеричный код и цвет текста переднего плана, и инструмент мгновенно сообщает мне, соответствует ли он стандартам доступности AA или AAA.Пожалуйста, давайте снова сделаем Интернет читабельным!