QR-код - это картинка со ссылкой внутри. Чтобы им воспользоваться, человек должен знать, что код есть, найти его в пространстве, навести камеру и не шевелиться. У того, кто не может сделать хотя бы одно из этих четырех действий, вообще нет пути к информации - поэтому любая серьезная рекомендация по доступности рассматривает код как один из способов попасть на страницу, а не единственный.
Обязательства делятся четко. На экране код - это изображение, и к нему напрямую применяются Правила доступности веб-контента (WCAG). В печати ни одна рекомендация до бумаги не дотягивается, и ответственность смещается на то, что напечатано рядом с кодом. В обоих случаях основной юридический риск сосредоточен на странице назначения. О том, что собирает сканирование, когда код срабатывает, рассказывает статья QR-коды и GDPR - она разбирает вопрос данных того же самого квадрата.
Три барьера, а не один
Команды обычно устраняют видимый барьер и оставляют два других нетронутыми.
Найти код. Напечатанный код заявляет о себе только визуально. Незрячий человек не узнает, что на постере есть код, что табличка на столе его содержит или что письмо включает его, если это не написано текстом. Именно поэтому надпись «отсканируйте код» мелким шрифтом под символом сама по себе ничего не решает.
Отсканировать код. Чтобы навести код в кадр, нужно рабочее центральное зрение и достаточно твердые руки. Слабое зрение, тремор, ограниченный хват и человек в инвалидном кресле перед кодом, размещенным на уровне роста стоящего человека, - это разные причины одного и того же провала. Код за стеклом или над прилавком добавляет дистанцию, которую должна учитывать арифметика размера.
Воспользоваться тем, что открылось. Страница за кодом - это такая же веб-страница, как любая другая, и именно на ней сосредоточены обязательные к исполнению требования. Код, который прекрасно сканируется, но ведет на PDF-меню без текстового слоя, просто переместил барьер, а не убрал его.
Что требует WCAG
Четыре положения всплывают снова и снова, и ни одно из них не обременительно.
Код, показанный как изображение, нуждается в текстовой альтернативе, описывающей место назначения - таково правило о нетекстовом контенте. Атрибут alt со значением «QR-код» - это потраченная впустую возможность; «QR-код, ведущий на форму записи на прием» - это уже информация. Если ссылка на той же странице напечатана и текстом, код вполне можно пометить как декоративный.
Контраст - то, что дизайнеры нарушают чаще всего. Требование нетекстового контраста устанавливает порог 3:1 для частей графики, необходимых для ее понимания, а для QR-кода это модули на фоне. Фотографические подложки, низкоконтрастные брендовые сочетания и инвертированные паттерны проваливают и рекомендацию, и - часто - сканер. Дизайн брендированных QR-кодов разбирает, насколько далеко можно зайти со стилизацией, прежде чем паттерн перестанет считываться.
Назначение ссылки тоже важно. Если рядом с кодом стоит ссылка, видимый текст должен говорить, куда она ведет - этого требует положение «назначение ссылки в контексте». «Нажмите здесь» проваливается по той же причине, что и код без подписи.
И тихая зона - чистое поле вокруг паттерна - это вопрос доступности не меньше, чем печати. Обрезка этого поля под макет усложняет распознавание кода для всех и делает его невозможным для некоторых.
Где вступает в действие Европейский акт о доступности
Директива (ЕС) 2019/882 применяется с 28 июня 2025 года и меняет расчеты для организаций частного сектора, которые раньше считали доступность заботой государственного сектора.
Три момента решают, касается ли это вас. Директива охватывает определенные товары и потребительские услуги, включая электронную коммерцию, розничный банкинг, пассажирские перевозки и электронные книги. Она привязана к сервису, а значит, страница, которую открывает код, попадает в сферу действия, хотя сам напечатанный квадрат - нет. И она транспонирована на национальном уровне, поэтому надзорный орган, штрафы и детали освобождения для микропредприятий, предоставляющих услуги, зависят от того, в какой стране-члене вы продаете.
Практический вывод для команды маркетинга: если сканирование ведет к покупке, бронированию или банковскому взаимодействию с потребителями из ЕС, относитесь к странице назначения как к регулируемой поверхности и тестируйте ее соответствующим образом. Государственные органы уже охвачены более ранними правилами веб-доступности и стандартом EN 301 549 - эту почву подробнее разбирает статья сокращатели ссылок для государственных организаций.
Я предпочла бы, чтобы команда исправила страницу назначения и напечатала ссылку, вместо того чтобы потратить неделю на эстетику самого кода. Именно первые два пункта спрашивает надзорный орган.
Напечатанная короткая ссылка и есть функция доступности
Это самое ценное изменение из всего списка, и стоит оно одной строки текста.
Короткая ссылка, напечатанная под кодом, - это текстовая альтернатива, которую печать иначе передать не может. Она служит тому, кто пользуется экранным увеличением: он может прочитать текст, но не может навести камеру в кадр. Она служит тому, у кого не работает приложение камеры, тому, кто пользуется чужим устройством, и тому, кто хочет открыть страницу позже с ноутбука. Она же служит и зрячему большинству в том конкретном случае, когда код не сканируется из-за освещения или глянца.
Сделайте ее удобной для переписывания от руки:
- Держите путь в несколько символов, чтобы его можно было удержать в памяти между чтением и вводом.
- Используйте только строчные буквы и избегайте пар символов, которые печать делает неоднозначными.
- Предпочитайте слово случайной строке. Кастомный бэкхаф, который читается как слово, переживет плохую фотокопию, а случайный набор символов - нет.
- Набирайте ссылку кеглем, читаемым с того расстояния, с которого сканируют код, а не самым мелким шрифтом, который допускает макет.
- Ставьте перед ссылкой собственный домен. Узнаваемый домен - сигнал доверия для всех, и статья что такое брендированная ссылка объясняет, почему на печати это важнее, чем на экране.
Нужно генерировать коды с читаемым печатным резервным вариантом для каждого из них? Функции QR-кодов Elido создают код и короткую ссылку вместе, поэтому напечатанная альтернатива всегда совпадает с кодом рядом.
Проверка глазами другого человека
Пять проверок, и первые три занимают десять минут.
Прогоните страницу назначения через скринридер. Не через чек-лист-инструмент, а через настоящий скринридер - слушая, доступно ли основное действие и подписано ли оно. Руководство по внедрению QR-кодов от US Section 508 - компактный справочник о том, на что обращать внимание.
Измеряйте контраст напечатанного оттиска, а не файла. Чернила на немелованной бумаге теряют контраст, который на экране выглядит лучше, чем есть.
Сканируйте код из положения, в котором находится реальный человек: сидя, на фактической высоте размещения, при реальном освещении заведения. Код на высоте 1,6 метра - совсем другой объект для человека в инвалидном кресле, чем для дизайнера, который его разместил.
Наберите напечатанную ссылку вручную, на клавиатуре телефона, не глядя на код. Если требуется три попытки, слаг подобран неудачно.
Затем проверьте страницу за кодом по тому же стандарту, что и основной сайт. Именно там живет обязательство, и именно эту проверку пропускают чаще всего.
Читайте серию основополагающих материалов
Этот материал относится к кластеру compliance. GDPR для сокращателей ссылок - основополагающий материал по защите данных на той же территории, а QR-коды и GDPR разбирает, что на самом деле собирает сканирование.
Связанные темы в блоге
Частые вопросы
Доступны ли QR-коды?
Сами по себе - нет. Чтобы отсканировать код, нужно зрение, чтобы его найти, твердая рука, чтобы навести камеру, и устройство с камерой. Ни одно из этих условий нельзя считать само собой разумеющимся, поэтому рекомендации по доступности рассматривают QR-код как дополнительный путь к информации, а не единственный. Напечатайте рядом короткую ссылку - и большая часть барьера исчезает.
Нужен ли QR-коду альтернативный текст?
Если код показан как изображение на веб-странице или в документе - да. Описывайте, куда ведет код, а не то, что это такое: пользователь скринридера ничего не получит от фразы «здесь QR-код», но получит все, если ему скажут, что код открывает страницу бронирования. На печатных материалах альтернативного текста не бывает, поэтому текстовой альтернативой служит сама ссылка, набранная читаемым шрифтом.
Какой контраст нужен QR-коду?
Не менее 3:1 между темными модулями и светлым фоном согласно правилу нетекстового контраста WCAG, а на практике - больше, потому что сканерам нужны поля, которые минимальный порог соответствия не гарантирует. Используйте темный код на светлом фоне, избегайте фотографических подложек и никогда не инвертируйте паттерн ради дизайнерского эффекта.
Распространяется ли Европейский акт о доступности на QR-коды?
Он распространяется на сервис за кодом. Директива (ЕС) 2019/882 охватывает потребительские услуги - электронную коммерцию, банкинг, транспорт и электронные книги - и применяется с 28 июня 2025 года. Если код открывает меню, билет или оформление заказа, обязательство по доступности относится к этой странице, а не к напечатанному квадрату.
Каким должен быть печатный резервный вариант?
Коротким, строчными буквами и однозначным при чтении вслух или переписывании от руки. Избегайте символов, которые легко перепутать в печати, держите путь в несколько символов и набирайте его достаточно крупно, чтобы человек с увеличением мог переписать текст. Здесь помогает брендированный короткий домен: читатель сразу видит, куда он собирается перейти.
Является ли NFC хорошей альтернативой QR-коду?
Это полезное дополнение, а не замена. Касание полностью снимает проблему прицеливания, что помогает людям со слабым зрением или ограниченной мелкой моторикой, но требует поддерживаемого телефона и физической метки. Самая инклюзивная комбинация на печатной поверхности - это код, метка там, где позволяет бюджет, и напечатанная ссылка под обоими.
Попробуйте Elido
Вставьте URL - получите короткую ссылку
Без регистрации. Ссылка живёт 30 дней. Зарегистрируйтесь, чтобы оставить её навсегда.
Бесплатно, без регистрации · 2 в день