Заполните форму с ошибкой и посмотрите, что произойдёт. Поле становится красным. Может быть, тонкая красная рамка, может быть, красный текст. Для вас это мгновенно читается как «исправь это». А теперь представьте, что вы не отличаете красный от серого и зелёного вокруг: рамка выглядит просто рамкой, текст - просто текстом, и ничто не подсказывает, к какому полю вернуться. Вы запутались не из-за невнимательности. Вы запутались, потому что сайт вложил всё сообщение в цвет, которого вы не видите, и не оставил никакой другой подсказки. Это одна из старейших и самых частых ошибок доступности в интернете, у неё есть собственное правило WCAG, и это правило на самом базовом уровне соответствия - том, который Онтарио реально применяет.
Ключевые факты
- Критерий успеха 1.4.1 «Использование цвета» WCAG (Web Content Accessibility Guidelines) относится к уровню A, самому базовому уровню соответствия, и входит в стандарт со времён WCAG 2.0 (W3C).
- Правило: цвет не должен быть единственным визуальным средством передачи информации, обозначения действия, побуждения к ответу или различения одного элемента от другого (W3C).
- Нарушение цветового зрения, по распространённым оценкам, есть примерно у 1 из 12 мужчин (около 8%) и 1 из 200 женщин, а всего в мире таких людей около 300 миллионов (Colour Blind Awareness).
- Раздел 14 IASR Онтарио (Регламент об интегрированных стандартах доступности, O. Reg. 191/11) требует от организаций с 50 и более сотрудниками и от госсектора соответствия WCAG 2.0 уровня AA на публичных сайтах, а уровень AA включает каждый критерий уровня A, так что 1.4.1 внутри этого минимума (ontario.ca).
- Следующий ACR (отчёт о соответствии требованиям доступности) для организаций с 20 и более сотрудниками нужно подать до 31 декабря 2026 года (ontario.ca).
Что на самом деле требует «Использование цвета»?
Меньше, чем подсказывает название, и ни от чего не нужно отказываться. Правило не запрещает цвет и не говорит «перестаньте выделять ошибки красным». Цвет - быстрый и действенный сигнал для тех, кто его видит, и пользоваться им стоит и дальше. 1.4.1 говорит узкую вещь: цвет не может быть единственным сигналом. Всякий раз, когда вы с помощью цвета что-то сообщаете пользователю - это поле заполнено неверно, это слово - ссылка, этот заказ отправлен, это место занято, - должна быть вторая подсказка, которая не зависит от того, видит ли человек цвет.
Эта вторая подсказка обычно маленькая. Красное поле с ошибкой получает ещё и значок ошибки и строку текста с названием проблемы. Ссылка внутри абзаца получает подчёркивание, а не только другой цвет. Строка «в наличии» получает слова «в наличии», а не только зелёную точку. Обязательное поле получает слово «обязательно» или звёздочку с пояснением, а не только красную подпись. Почти всегда исправление - добавить форму, слово или узор рядом с цветом, который вы уже используете. Вы ничего не убираете. Вы делаете так, чтобы сообщение дошло, даже когда цвет не сработал.
Где на реальных сайтах прячется информация, переданная только цветом?
В самых неожиданных местах, потому что тот, кто делал страницу, видел цвет и не заметил пробела. Несколько шаблонов встречаются снова и снова.
Классика - ссылка, которая отличается от окружающего текста только цветом: без подчёркивания, без жирного, только оттенок. Мысленно сделайте страницу чёрно-белой, и эти ссылки растворятся в абзаце. Второй - проверка форм: поля и сообщения, которые краснеют при ошибке и зеленеют при успехе, причём цвет несёт весь смысл. Именно здесь правило пересекается с тем, чтобы сделать доступной саму форму, и именно это тихо стоит вам завершённых заказов. Дальше - индикаторы статуса повсюду: зелёная или красная точка наличия, цветная метка «скидка» или «распродано», график, где две линии можно различить только тем, что одна синяя, а другая оранжевая, календарь, где занятые и свободные дни отличаются только оттенком. В каждом таком месте посетитель с дальтонизмом или человек с дешёвым экраном на ярком солнце получает меньше информации, чем все остальные.
Ничто из этого не означает, что цвет надо убрать. Это значит, что цвету нужен спутник.
Разве это не то же правило, что о контрасте?
Нет, и разницу стоит понять чётко, потому что сайты часто проходят одно и проваливают другое. Правило контраста (1.4.3) - о читаемости: достаточно ли разницы между светлым и тёмным у текста и фона, чтобы человек со слабым зрением вообще мог его прочитать. «Использование цвета» (1.4.1) - о смысле: полагаетесь ли вы на то, какого цвета что-то, чтобы передать сообщение. Ваша ссылка может иметь идеальный контраст 21:1 относительно страницы и всё равно провалить 1.4.1, потому что, сильный контраст или нет, единственное, что отмечает её как ссылку, - то, что она синяя. Это отдельные проверки на отдельных уровнях: 1.4.1 - уровень A, 1.4.3 - уровень AA, и сайт может споткнуться на любой из них отдельно.
Как это проверить и чем рискуете в Онтарио?
Большую часть сайта можно проверить за несколько минут, и хитрость в том, чтобы убрать цвет:
- Ищите цвет, который работает в одиночку. Пройдите ключевые страницы - оформление заказа, формы, списки товаров, личные кабинеты, любые графики - и спросите о каждой цветной подсказке: если бы я не видел этот цвет, понял бы я сообщение? Обычные нарушители - состояния ошибок и ссылки в тексте.
- Обесцветьте страницу. Инструменты разработчика в браузере, расширение или режим оттенков серого в операционной системе уберут цвет. Всё, что становится неоднозначным в сером, - проблема по 1.4.1: ссылка, которую больше не найти, красное поле, которое теперь выглядит так же, как правильно заполненное.
- Добавьте вторую подсказку. Подчёркивание для ссылок, значок и текстовое сообщение для ошибок, подпись или узор для статуса. Небольшие изменения, и они помогают всем, а не только людям с дальтонизмом: дополнительная ясность лучше читается и на телефоне при дневном свете.
Замечание об инструментах: автоматический сканер ловит часть этого - он может отметить ссылку, которая отличается только цветом, - но не может оценить намерение, поэтому пропускает большинство случаев со статусами и графиками. Это ещё одна причина, почему сканирование - не аудит: решить, является ли цвет «единственной подсказкой», может человеческий глаз, а не робот. Прикрученный виджет тоже не поможет, потому что оверлей не может переписать смысл, который не несёт ваша разметка.
Что касается ставок, честная картина та же, что у любого барьера. В Онтарио у AODA (Accessibility for Ontarians with Disabilities Act) нет права частного иска, поэтому напрямую по нему на вас никто не подаёт; действующий путь для частного лица - жалоба в HRTO (Трибунал по правам человека Онтарио) по Кодексу прав человека Онтарио, и вот как на самом деле разворачивается одна жалоба. Если вы продаёте в США, форма, которую никто не может исправить, или ссылка, которую никто не может найти, - именно такой барьер, который появляется в претензиях по ADA (Americans with Disabilities Act) о сайтах. Долговечный ответ - не оговорка, а задокументированное исправление: датированная запись того, что вы нашли и исправили, - то, что должен отражать честный ACR к 31 декабря 2026 года.
Обнадёживает то, что раз 1.4.1 находится на уровне A, исправления обычно самые дешёвые: слово здесь, подчёркивание там, значок у ошибки. Базовый уровень, базовые усилия, и это закрывает пробел, который отрезает реальных клиентов от тех самых страниц, которые вы больше всего хотите, чтобы они прошли до конца.
Узнайте, не держатся ли ваши формы, ссылки и подсказки статуса только на цвете, и проверьте другие проблемы доступности - бесплатный отчёт Vayle, примерно 30 секунд: vayle.art. Он обнаруживает виджеты-оверлеи, показывает реальные нарушения WCAG и точно говорит, что юридически относится к вашей организации в Онтарио. Без обязательств.
Vayle работает удалённо и занимается инженерной доступностью сайтов для бизнеса Онтарио. Общая информация, а не юридическая консультация.