Доступні QR-коди: інклюзивний дизайн для всіх

Чому доступність QR-кодів має значення

QR-код — це двері до цифрового контенту, але двері допомагають лише тоді, коли їх може відчинити кожен. Надрукований зависоко, замалим або надто блідим, код тихо виключає людей: користувачів візків, які не можуть до нього дотягнутися, людей зі слабким зором, які не можуть його розпізнати, і будь-кого, чий телефон чи освітлення неідеальні.

Доступність — це не функція, яку додають наприкінці. Вона перетинається з добрими практиками дизайну: код, який легко сканується для всіх, за визначенням більш доступний.

Розміщення та досяжна висота

Те, де ви розміщуєте код, вирішує, хто зможе ним скористатися. Наклеєний високо на стіні, він змушує людину, яка сидить, наводити камеру під крутим, нечитабельним кутом — або здатися.

• Розміщуйте його в межах досяжності користувачів, які сидять і стоять — загальні рекомендації, як-от діапазони досяжності ADA, визначають зручну досяжність приблизно 380–1220 mm (15–48 in) від підлоги.
• Залишайте вільний простір на підлозі, щоб до коду можна було підійти прямо.
• Уникайте відблисків і скла та тримайте код рівним — відображення, термоплівка та вигнуті поверхні збивають камери.

Розмір, зона тиші та контраст: сканованість — це доступність

Властивості, які роблять код надійним, роблять його й інклюзивним.

• Більший — добріший. Більший код сканується зі зручної відстані та прощає тремтячі руки й старіші камери. Дотримуйтесь правила 10:1 — розмір щонайменше одна десята відстані сканування; див. підготовку до друку.
• Зберігайте зону тиші — порожнє поле щонайменше чотири модулі з кожного боку.
• Використовуйте сильний контраст: темні модулі на світлому тлі, без градієнтів. Чорний на білому найнадійніший; якщо ви оформлюєте код під бренд, перевірте контраст — наш посібник із власних кольорів і логотипів показує, як.

Текстова альтернатива та читабельна URL-адреса

Не всі сприймають код як зображення.

• На екранах пишіть описовий alt-текст — вказуйте, куди він веде: «QR-код, що веде до обіднього меню на example.com/menu», ніколи просто «QR-код».
• У друці додавайте читабельну коротку URL-адресу поруч із кодом, щоб адресу можна було ввести, а не сканувати.
• Зазначайте намір: «Скануйте, щоб переглянути меню, — або відвідайте example.com/menu».

Ніколи не покладайтеся лише на QR-код

Розглядайте код як один зі шляхів, а не єдиний вхід — у декого немає смартфона, зламана камера, слабкий зір або рухові обмеження, що ускладнюють наведення.

• Пропонуйте паралельний маршрут: введену URL-адресу, коротке посилання або NFC-мітку, до якої можна торкнутися замість наведення.
• Робіть доступним і місце призначення — адаптивну, зручну для читачів екрана цільову сторінку.
• Надавайте перевагу динамічним кодам, щоб виправити несправне призначення без повторного друку.

Тестуйте на реальних пристроях та з допоміжними налаштуваннями

• Скануйте на кількох телефонах — новому iPhone, новому Android і старішому апараті.
• Увімкніть допоміжні функції: збільшення, VoiceOver або TalkBack, більший текст і режими підвищеного контрасту.
• Тестуйте сидячи та стоячи, за різного освітлення, використовуючи надрукований матеріал, а не лише макет на екрані.

Дізнайтеся про власні зобов'язання QR2GO на нашій сторінці доступності.

Поширені запитання

Чи потрібен QR-кодам alt-текст? У цифрових контекстах — так: опишіть призначення, щоб користувачі читачів екрана його зрозуміли. У друці ви не можете додати alt-текст, тож надрукуйте читабельну URL-адресу та короткий опис поруч із кодом.

Яке поєднання кольорів найдоступніше? Високий контраст, темне на світлому. Чорний на білому сканується найнадійніше; з фірмовими кольорами тримайте передній план темним, а тло світлим і перевіряйте контраст перед друком.

Що, якщо хтось не може відсканувати код? Надайте альтернативу — введену коротку URL-адресу, дотик NFC або інший шлях до того самого контенту — і переконайтеся, що цей контент зручний для мобільних пристроїв і читачів екрана.

Створіть доступний QR-код

Інклюзивні QR-коди зводяться до досяжності, розміру, контрасту, читабельної альтернативи та запасного варіанту, який ніколи не залежить від сканування. Генератор QR2GO дає вам контроль кольору з високим контрастом і чіткі експорти у SVG чи PDF для великих, розбірливих роздруківок. Створіть свій доступний QR-код зараз і зробіть його для всіх.