Color Safe: WCAG-совместимый инструмент выбора цвета

Веб-дизайнеры постоянно стремятся к большей доступности. Это означает усиление поддержки в Интернете нарушений слуха и зрения, что может включать проблемы с чтением высококонтрастных веб-сайтов.

Цветной Сейф Веб-приложение идеально подходит для поиска нужных цветов, которые точно соответствуют вашим потребностям. Это бесплатное веб-приложение, которое измеряет качество контрастности вашего текста на основе цвета фона, размера шрифта и семейства шрифтов.

Читайте также: Использование высокого цветового контраста для более доступного дизайна

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Это очень интерактивное веб-приложение, так что это не просто генератор цветовых схем.

Сначала вы вводите цвет фона и выбираете используемый шрифт. Это не обязательно должно быть точное совпадение, но вы должны попытаться правильно определить размер и размещение. Старайтесь соответствовать содержанию тела вашей страницы, а не заголовкам.

Как только вы нажмете «ОК», вы получите новый экран, полный рекомендаций по цвету. Вы можете просматривать варианты цветов, которые лучше всего соответствуют выбранному вами фону, чтобы найти цвета текста с высокими показателями читабельности.

WCAG предъявляет очень строгие требования к коэффициенту цветовой контрастности, чтобы получить проходной балл (AA или AAA). Этот рейтинг основан на определенном соотношении, рассчитанном по шестнадцатеричным кодам и диссонансу друг к другу.

Например, ярко-зеленый шрифт на ярко-красном фоне – отличный способ подойти к рейтингу WCAG. Вот почему этот инструмент так ценен.
Вместо случайного выбора цветов в Photoshop, вы можете выбрать один из предопределенных вариантов цвета, адаптированных к вашему фону. Это обеспечивает высокий коэффициент читаемости и удобство работы для всех пользователей.

Мы сделали огромный пост о цветовой контрастности для доступности, поэтому обязательно посмотрите, если вы хотите узнать больше. И, если вы застряли в поиске отличной цветовой комбинации для своего посещения сайта Цветной Сейф и дать ему шанс. Это определенно поможет вам найти цветовую схему, которая работает.

Читайте также: Как создать дизайн для людей с ограниченными возможностями