Посмотрите на последнюю акцию, которую вы поставили на главную. «ЛЕТНЯЯ РАСПРОДАЖА - СКИДКА 40%» во всю обложку. Прайс, который дизайнер прислал аккуратной картинкой. Часы работы внутри красивого фирменного прямоугольника. Для вас это читается как текст, потому что глаза без усилий превращают пиксели обратно в слова. Для экранного чтеца и для клиента, который увеличивает страницу до 300%, многое из этого «текста» вовсе не текст, а картинка с текстом, и эта разница - ровно то, на чём бизнес в Онтарио спотыкается, даже не замечая. У WCAG есть для этого название, и, в отличие от некоторых новых правил, это уже находится внутри стандарта, который требует провинция.
Ключевые факты
- 1.4.5 «Изображения текста» - критерий успеха уровня AA в WCAG (Web Content Accessibility Guidelines) 2.0, опубликованной W3C в 2008 году. Он гласит: если технология позволяет получить тот же визуальный результат, для передачи информации используйте настоящий текст, а не изображение текста (W3C).
- Есть два узких исключения: логотип (текст, который является частью логотипа или названия бренда) и текст, который пользователь может полностью настроить, или случаи, когда конкретное представление необходимо для смысла (W3C).
- Раздел 14 IASR Онтарио (Регламент об интегрированных стандартах доступности, O. Reg. 191/11) требует WCAG 2.0 уровня AA, куда входит 1.4.5, от организаций с 50 и более сотрудниками (ontario.ca).
- Следующий ACR (отчёт о соответствии требованиям доступности) нужно подать до 31 декабря 2026 года организациям с 20 и более сотрудниками (ontario.ca).
- У AODA (Accessibility for Ontarians with Disabilities Act) нет права частного иска; путь для частного лица - жалоба в HRTO (Трибунал по правам человека Онтарио) по Кодексу прав человека Онтарио (ontario.ca).
Что считается «изображением текста» и почему это провал?
Настоящий текст - это символы, которые браузер рисует из HTML и оформляет через CSS. Их можно выделить курсором, экранный чтец может их прочитать, инструмент перевода может их перевести, и они остаются чёткими при любом увеличении. Изображение текста - это картинка, JPG, PNG или сведённая графика, где буквы нарисованы в пикселях. На вашем экране оно выглядит так же, а внутри ведёт себя совсем не как текст.
Обычные нарушители на сайте малого бизнеса предсказуемы:
- Баннер в шапке, где заголовок и предложение впечатаны в изображение.
- Прайс, меню или таблица часов работы, выгруженные одной картинкой, потому что так «выглядело аккуратнее».
- Инфографика или промо-плитка с абзацами текста внутри, часто та же картинка, что ушла в соцсети.
- Отзыв или цитата, сохранённые как снимок экрана.
Вот почему это ломается для реальных людей. Экранный чтец читает текст, а не пиксели, поэтому без помощи сообщение просто молчит. Человек со слабым зрением, увеличивая страницу, видит настоящий текст чётким, а изображение текста превращается в пятно - та самая проблема, что стоит за изменением размера текста и перекомпоновкой. Тот, кому нужен определённый шрифт, больший интервал или высококонтрастная тема, может перенастроить настоящий текст, но не ваш JPG. А перевод в браузере, которым тихо пользуется много клиентов в Онтарио, работает с текстом и пропускает слова, запертые в картинке. Фото вашей витрины - нормально: правило касается текста, поданного как изображение, а не изображений вообще.
Требует ли этого Онтарио на самом деле?
Обычно здесь я добавляю оговорку, потому что несколько критериев, о которых стоит писать, - дополнения WCAG 2.2, которых Онтарио пока не требует. Но не этот. 1.4.5 относится к уровню AA в WCAG 2.0, а это ровно та версия, на которую указывает IASR. Для организации, на которую распространяется регламент, подача информации картинкой с текстом, когда подошёл бы настоящий текст, находится внутри стандарта, который провинция уже требует, а не на какой-то будущей планке лучшей практики.
Честная обратная сторона в том, что правило уже, чем кажется сначала, так что не впадайте в панику. Ваш логотип в порядке: логотип прямо освобождён. Текст, который действительно можно настроить, или случаи, когда точное визуальное представление необходимо для смысла, тоже освобождены. Остаётся обычное: ваше предложение, цены, часы работы, основной текст, и это должно быть настоящим текстом. А смысл сделать это правильно не в номере критерия. Никто не подаёт жалобу в HRTO со ссылкой на «1.4.5»; реальный клиент с экранным чтецом натыкается на ваш баннер «РАСПРОДАЖА» или часы работы и не может прочитать ни слова, и процесс жалоб - как раз об этом человеке.
Как это найти и исправить?
Найти бесплатно, и это занимает минуту. Попробуйте выделить слова курсором. Если буквы выделяются по одной, это настоящий текст; если весь блок выделяется как одна картинка, текст впечатан. Затем увеличьте страницу до 200-400% и посмотрите, что расплывается, и пройдите раздел экранным чтецом, чтобы услышать, что на самом деле объявляется. Сканер поймает часть этого, но решение «это изображение текста или законная графика» - одна из причин, почему настоящий аудит лучше голого сканирования.
Исправление - решение на уровне разработки, а не виджет. Пересоберите баннер как настоящий HTML-текст поверх фонового изображения или CSS-градиента, чтобы заголовок был настоящим заголовком, оформленным через CSS: веб-шрифты дают любую гарнитуру без сплющивания букв в пиксели. Где действительно графический материал неизбежен, дайте ему точный alt-текст и убедитесь, что контраст выдерживает проверку, но считайте alt-текст минимумом, а не лекарством. Он позволяет экранному чтецу объявить сообщение, но картинка всё равно не будет чисто увеличиваться, перенастраиваться под читателя или переводиться. Оверлей доступности тоже не может превратить пиксели JPG обратно в текст: это живёт в вашей разметке и таблице стилей, поэтому выдерживает именно работа на уровне исходного кода.
Когда внесёте изменение, сохраните датированную заметку о том, что вы заменили с картинки на текст. Эта запись, включённая в отчёт о соответствии требованиям доступности, стоит гораздо больше, чем значок, если жалоба когда-нибудь придёт.
Хотите узнать, на каких ваших баннерах экранный чтец замолкает, раньше клиента? Бесплатный отчёт Vayle, примерно 30 секунд: vayle.art. Он обнаруживает виджеты-оверлеи, показывает реальные нарушения WCAG и точно говорит, что юридически относится к вашей организации в Онтарио. Без обязательств.
Vayle работает удалённо и занимается инженерной доступностью сайтов для бизнеса Онтарио. Общая информация, а не юридическая консультация.