Быстрые ссылки

Пока нет избранных. Добавьте инструменты, которые вы часто используете, для быстрого доступа!

3Utils

Проверка Контраста Цветов

Образец текста

Образец крупного текста (18pt+)

21:1

Уровень AA

Обычный текст (4.5:1): ✓ Успешно
Крупный текст (3:1): ✓ Успешно
UI компоненты (3:1): ✓ Успешно

Уровень AAA

Обычный текст (7:1): ✓ Успешно
Крупный текст (4.5:1): ✓ Успешно
? Часто задаваемые вопросы

Что такое коэффициент цветового контраста?

Коэффициент контрастности (от 1:1 до 21:1) измеряет разницу в яркости между цветами переднего и заднего плана. 21:1 — это черный на белом (максимальный контраст), 1:1 — тот же цвет (отсутствие контраста). Он определяет читаемость текста.

Что такое уровни соответствия WCAG?

Стандарт WCAG 2.1 имеет три уровня: уровень A (минимальный), AA (рекомендуемый, соотношение сторон 4,5:1 для обычного текста, 3:1 для крупного шрифта), AAA (улучшенный, соотношение сторон 7:1 для обычного текста, 4,5:1 для крупного шрифта). Большинство веб-сайтов стремятся соответствовать уровню AA.

Какого коэффициента контрастности мне следует добиваться?

Для обычного текста требуется соотношение сторон не менее 4,5:1 для AA, 7:1 для AAA. Для крупного текста (18 пунктов и более или 14 пунктов и более жирного шрифта) требуется соотношение сторон 3:1 для AA, 4,5:1 для AAA. Более высокое соотношение сторон обеспечивает удобочитаемость для пользователей с нарушениями зрения.

Влияет ли размер шрифта на требования к контрастности?

Да! К крупному тексту (18 пунктов и выше) предъявляются более низкие требования, поскольку размер улучшает читаемость. Для мелкого текста необходим более высокий контраст. Если выбирать между крупным текстом и высоким контрастом, то высокий контраст, как правило, дает больший эффект.

Может ли оно предложить более удачные цветовые сочетания?

Программа проверки может предложить альтернативные варианты, скорректировав яркость/темноту цветов в соответствии со стандартами WCAG, сохраняя при этом общую эстетику вашей цветовой схемы.

Мои данные в безопасности?

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