Домашняя » UI / UX » Color Safe - это то, что нужно дизайнерам, соответствующим WCAG

    Color Safe - это то, что нужно дизайнерам, соответствующим WCAG

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

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

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

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

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

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

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

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

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