Как спроектировать доступное цифровое меню для гостей с инвалидностью

Доступность — не галочка соответствия, а проектное решение, прямо влияющее на число гостей. Около 15-20 % взрослых живут с инвалидностью. Если ваше меню их исключает, бронь стола есть, а заказа нет. Это практический чек-лист.

WCAG 2.2 и цифровое меню

WCAG — технический стандарт. Три уровня: A, AA (рекомендуемый), AAA. AA — реалистичная цель. European Accessibility Act с июня 2025 применяется к e-commerce; QR-меню в серой зоне, но тренд к обязательности.

Слабовидящие: скринридеры

VoiceOver (iOS), TalkBack (Android) требуют семантического HTML: продукты как <article>, категории <section>, цены с aria-label. Тест: включите VoiceOver, закройте глаза, попробуйте навигацию.

Палитра для дальтоников

8 % мужчин — дальтоники. Только красный для "нет в наличии" недостаточно — добавьте иконку и текст. Контраст минимум 4,5:1. Светло-серый на белом красив, но не читается при 2,5:1.

Моторика: тач-цели

Минимум 44×44 px, отступ 8 px. Кнопки +/- в корзине должны быть просторными — иначе 5 котлет вместо одной.

Аллергены — скрытая доступность

Для целиака "спросите у официанта" неприемлемо — опасно. Показывайте 14 аллергенов ЕС явно. Платформы вроде thMenu заполняют это через ИИ автоматически.

Итог: доступное меню расширяет аудиторию на 10-15 %. Достижение WCAG-AA — 1-2 дня вложений.

Было полезно? Поделитесь.