Аналізатор колірного контрасту в Chrome за допомогою OffiDocs

ОПИС

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

Це розширення дозволяє аналізувати проблеми контрасту кольору тексту на веб-сторінці відповідно до вимог WCAG 2 щодо контрасту кольору тексту.

Він оцінює сторінку, коли вона відображається у браузері, тому може обробляти текст замість градієнтів і розширених атрибутів CSS.

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

Крім того, ви можете оцінити файли на своєму комп’ютері, які можна відкрити в Chrome, як-от файли зображень і PDF-файли.

Зауважте, що з PDF-файлами ви зможете оцінити лише видиму частину сторінки.

Щоб проаналізувати локальні файли, потрібно перейти на сторінку розширень і поставити прапорець «Дозволити доступ до URL-адрес файлів» для цього розширення.

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

Результат покаже вам карту, де межі між кольорами відрізняються достатньо, щоб відповідати вказаній вимозі контрасту.

Якщо на базовій сторінці є елемент, який не окреслений у вихідній масці, це означає, що цей елемент не має достатнього контрасту кольору відповідно до вибраного рівня відповідності.

Отриманий аналіз зображення можна завантажити на комп’ютер у форматі PNG.

Щоб краще керувати градієнтами, ви також можете вибрати радіус пікселя, який слід використовувати для аналізу сусідніх пікселів.

Що більший радіус пікселя, то далі він шукатиме межу з достатньо високою контрастністю.

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

Під час першого встановлення розширення вам може знадобитися оновити веб-сторінку, яку ви хочете проаналізувати, щоб усі параметри вибору були доступними.

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

Ми жодним чином не використовуємо та не збираємо ці дані.

Щоб отримати дозвіл на створення скріншотів вікна вашого веб-переглядача, ми повинні запросити цей рівень доступу.

Ви можете переглянути вихідний код за такою URL-адресою.

https://github.

com/gdkraus/color-contrast-chrome Цей інструмент є продуктом IT Accessibility Office Університету штату NC.

http://accessibility.

oit.

ncsu.

edu/

Додаткова інформація:

- Пропонується accessibility.oit.ncsu.edu
- Середня оцінка: 3.3 зірки (все нормально)

Веб-аналізатор кольорового контрасту extension інтегровано з OffiDocs Chromium онлайн