1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25
Использование анализатора контрастности цветов
Анализатор контрастности цветов доступен на странице http://colory.ru/contrastanalizer/.
Анализатор контрастности предназначен для выстраивания хорошей с точки зрения контрастности комбинации цветов. Уровень видимости цвета в анализаторе контрастности рассчитывается с помощью алгоритмов World Wide Web Consortium (w3).
Для начала работы с анализатором контрастности, введите в ячейки «Цвет текста» и «Цвет фона» имена цветов на английском языке, либо коды соответствующих цветов в 10-ричной или 16-ричной системе счисления (имена и коды интересующих Вас цветов Вы можете посмотреть в таблице цветов, см. параграф «Использование таблицы цветов»), например:
Регистр букв при вводе имени цвета или кода значения не имеет.
Анализатор контрастности в интерактивном режиме отобразит результаты анализа контрастной комбинации цветов. В случае, если контрастная комбинация хорошая, анализатор отобразит зелёную галочку и слово «Passed» («Пригодно»), если неудовлетворительная – красный крестик и фразу «Not passed» («Непригодно») а также продемонстрирует пример отображения текста выбранного цвета на фоне выбранного цвета в стандарте WCAG 2.0:
Для просмотра результатов анализа контрастной комбинации цветов в стандарте WCAG 1.0 нажмите на вкладку «WCAG 1.0»:
После этого отобразятся результаты анализа для стандарта WCAG 1.0:
В анализаторе по стандарту WCAG 2.0 отображается пример как для большого текста, так и для малого, согласно страндарту. Возможен вариант, что для одного размера текста сочетание цветов приемлемое, а для другого нет. В анализаторе по стандарту WCAG 1.0 отображается только один пример текста, поскольку иное не предусмотрено стандартом.
Существуют два уровня контрастности: АА и ААА. Оптимальный вариант – соответствие выбранного сочетания цветов уровню ААА. То, какому уровню контрастности удовлетворяет сочетание цветов, указано рядом с отметкой о пригодности.
Если для параметров «Рейтинг контраста», «Яркость» или «Цвет» проставлена аббревиатура «NaN», это означает, что при выбранном сочетании цветов соответствующий параметр не аттестован, т.е. не является подходящим. В случае, если для этих параметров указаны конкретные значения, как на скриншотах выше, это означает, что сочетание цветов по параметру пригодно.
Для большого текста минимальный пригодный рейтинг контрастности для AA = 3:1, а для AAA = 5:1. Для маленького текста пригодный рейтинг для AA = 5:1, а для AAA = 7:1.
Для оценки яркости и цвета минимально допустимые параметры указаны в самом анализаторе.
1-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25