Анализатор цветового контраста в Chrome с ОфиДокс

ОПИСАНИЕ

Новое в версии 1.1: Загрузите анализ изображения в файл PNG.

Это расширение позволяет анализировать проблемы цветового контраста текста на веб-странице в соответствии с требованиями WCAG 2 к цветовому контрасту текста.

Он оценивает страницу так, как она отображается в браузере, поэтому он может обрабатывать текст вместо градиентов и расширенных атрибутов CSS.

Вы можете анализировать часть веб-страницы, все видимое содержимое вкладки или всю веб-страницу.

Кроме того, вы можете оценить файлы на своем компьютере, которые можно открыть в Chrome, например файлы изображений и файлы PDF.

Обратите внимание, что с файлами PDF вы сможете оценить только видимую часть страницы.

Чтобы проанализировать локальные файлы, вам нужно перейти на страницу расширений и установить флажок «Разрешить доступ к URL-адресам файлов» для этого расширения.

Вы можете выбрать оценку соответствия AA или AAA, а также указать размер текста, который вы хотите проанализировать.

Вывод покажет вам карту, на которой границы между цветами достаточно различны, чтобы соответствовать заданному требованию контрастности.

Если на базовой странице есть элемент, который не выделен в выходной маске, то этот элемент имеет недостаточный цветовой контраст в соответствии с выбранным вами уровнем соответствия.

Полученный анализ изображения можно загрузить на свой компьютер в виде файла PNG.

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

Чем больше радиус пикселя, тем дальше он будет искать границу с достаточно высокой контрастностью.

Однако больший радиус пикселя добавит значительное время вычислений.

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

Кроме того, при установке расширения оно запросит у вас разрешение на доступ к вашим данным на всех ваших веб-сайтах, вкладках и активности в Интернете.

Мы никоим образом не используем и не собираем эти данные.

Чтобы получить разрешение делать скриншоты окна вашего браузера, мы должны запросить этот уровень доступа.

Вы можете просмотреть исходный код по следующему URL-адресу.

https://github.

com/gdkraus/color-contrast-chrome Этот инструмент является продуктом отдела доступности ИТ Университета штата Северная Каролина.

http://accessibility.

нет.

нксу.

Edu /

Дополнительная информация:

- Предлагается на сайте accessibility.oit.ncsu.edu.
- Средняя оценка: 3.3 звезды (все в порядке)

Веб-анализатор цветового контраста extension интегрирован с OffiDocs Chromium онлайн