Проверка Контраста Цветов
Проверка соотношений контрастности цветов по рекомендациям WCAG 2.1. Тестирует соответствие AA и AAA для обычного и крупного текста.
Параметры
Цвет текста или элемента.
Цвет фона для сравнения.
Результаты
Коэффициент контрастности между двумя цветами
Другие результаты (6)
Обычный текст (менее 18 или 14 пт, жирный) соответствует требованиям WCAG AA.
Крупный текст (жирный шрифт 18 пт+ или 14 пт+) соответствует требованиям WCAG AA.
Обычный текст соответствует более строгим требованиям WCAG AAA.
Крупный текст соответствует более строгим требованиям WCAG AAA.
Relative luminance of #000000
Relative luminance of #FFFFFF
Почему стоит выбрать Проверка Контраста Цветов
Средство проверки цветового контраста проверяет соотношение контрастности между цветом переднего плана и фона в соответствии с рекомендациями WCAG 2.1. Мгновенно проверьте, соответствует ли ваша цветовая комбинация требованиям AA и AAA как для обычного, так и для крупного текста.
- ✓Вычисляет коэффициент контрастности, используя формулу относительной яркости WCAG 2.1.
- ✓Тестирует все четыре уровня соответствия WCAG: AA/AAA для обычного и большого текста.
- ✓Показывает относительные значения яркости для обоих цветов.
- ✓Использует входные данные палитры цветов для облегчения выбора цвета.
Как использовать
- 1Выберите цвет переднего плана (текста) с помощью палитры цветов.
- 2Выберите цвет фона с помощью палитры цветов
- 3Немедленно просмотрите отображаемый коэффициент контрастности
- 4Проверьте результаты WCAG AA и AAA (пройден/не пройден) для нормального и крупного текста.
- 5Регулируйте цвета, пока ваша комбинация не достигнет необходимого уровня.
Часто задаваемые вопросы (FAQ)
Какой коэффициент контрастности является хорошим для обеспечения доступности в Интернете?
WCAG 2.1 требует минимального коэффициента контрастности 4,5:1 для обычного текста (уровень AA) и 3:1 для крупного текста. Для соответствия AAA обычному тексту требуется соотношение 7:1, а крупному тексту — 4,5:1. Черное на белом (21:1) — максимально возможный контраст.
Что считается «большим текстом» в WCAG?
WCAG определяет большой текст как жирный шрифт размером не менее 18 пунктов (24 пикселей) или 14 пунктов (18,66 пикселей). К большому тексту предъявляются более низкие требования к контрастности, поскольку его легче читать при более низком коэффициенте контрастности.
Как рассчитывается коэффициент контрастности?
The contrast ratio uses relative luminance values: (L1 + 0.05) / (L2 + 0.05), where L1 is the lighter color luminance and L2 is the darker. Luminance is calculated using the WCAG formula: L = 0.2126 × R + 0.7152 × G + 0.0722 × B, with each channel linearized from sRGB.
Проверяет ли этот инструмент доступность для людей с дальтонизмом?
Этот инструмент проверяет контрастность на основе яркости, что полезно всем пользователям, в том числе людям с нарушениями цветового зрения. Однако он не имитирует определенные типы дальтонизма. Для тестирования дальтонизма используйте специальный симулятор дальтонизма.
Каков минимальный коэффициент контрастности, требуемый законом?
Многие правила доступности (ADA, раздел 508, EN 301 549) ссылаются на WCAG 2.1 Level AA как на стандарт, который требует соотношения 4,5:1 для обычного текста. Правительственные и образовательные веб-сайты во многих странах по закону обязаны соответствовать этому уровню.
Авторитетные источники и ссылки
WCAG 2.1 Understanding Contrast (Minimum)
Посмотреть источникRelative Luminance - WCAG Definition
Посмотреть источникWebAIM Contrast Checker
Посмотреть источникПохожие инструменты
Узнайте больше полезных инструментов для этой задачи.