Доступность сайта ресторана Меню, которое можно прочитать, и заказ, который можно оформить

Что это значит для заведения

• Технический ориентир — ДСТУ EN 301 549:2022, он опирается на WCAG 2.1
• Для частного заведения это рекомендация, а не требование с санкциями — говорим прямо
• Текстовое меню читает и диктор, и поиск: блюда начинают находиться по названиям
• Состав и аллергены должны быть читаемыми — это вопрос безопасности гостя, а не оформления
• Страница о доступности зала снимает половину звонков и экономит гостю поездку
• Заявление о доступности с контактом — способ услышать замечание от гостя, а не из отзыва

Что ломается на сайтах заведений

1. 01

   Меню картинкой

   Дизайнер прислал красивый PDF, его выложили как есть. Человек с экранным диктором не узнает ни блюд, ни цен; на телефоне приходится возить пальцем по странице. Лечится текстовой версией меню — она же приводит гостей из поиска.

2. 02

   Состав и аллергены внутри картинки

   Там же, в макете, живёт самая важная строка: что внутри блюда. Для человека с аллергией это вопрос безопасности, и он просто не станет рисковать.

3. 03

   Бронирование столика

   Виджет брони — чужой код в рамке. Календарь без подписей, выбранная дата не объявляется, подтверждение показано только цветом. Гость доходит до последнего шага и срывается.

4. 04

   Кнопка «заказать»

   Иконка корзины без подписи, кнопка «плюс» без имени, количество меняется молча. Экранный диктор читает «кнопка» — и всё.

5. 05

   Карусель блюд

   Автопрокрутка без кнопки остановки мешает больше всего тем, кто читает с увеличением, и тем, кто не успевает прочитать подпись.

6. 06

   Адрес и часы картинкой

   График работы в праздничном баннере, адрес только на встроенной карте, телефон изображением. Именно это ищут первым — и именно этого для диктора не существует.

Почему для ресторана это деньги, а не бумаги

Недоступное меню — не замечание проверяющего, а заказ, которого не было. Гость не станет звонить, чтобы узнать состав блюда: он закажет там, где всё написано текстом. А доступность зала — первое, что выясняет семья, в которой есть человек на коляске или пожилые родители.

• Компания выбирает заведение по наименее мобильному участнику — и часто это вопрос доступности
• Ветераны с ранениями и люди на коляске стали заметной частью посетителей
• Пожилые гости заказывают с телефона и не будут увеличивать картинку
• Текстовое меню — это ещё и страницы, по которым вас находят в поиске

Как идёт работа

1. 01

   Проверяем путь гостя

   Главная, меню, страница блюда, бронирование, оформление заказа, контакты. Только с клавиатуры и с экранным диктором, обязательно на телефоне.

2. 02

   Переводим меню в текст

   Это основная работа: блюда, состав, цены и пометки становятся текстом на странице. Красивый PDF можно оставить рядом для печати.

3. 03

   Исправления в коде

   Имена кнопок и иконок, подписи полей брони, остановка карусели, контраст на фоне фотографий, увеличение страницы, видимый фокус. Внешний сервис брони или доставки проверяем отдельно.

4. 04

   Страница о доступности зала

   Короткая и честная: вход, ступени, ширина прохода, туалет, парковка, меню крупным шрифтом по просьбе. Пишем то, что есть, без обещаний.

5. 05

   Заявление о доступности

   Текст и страница с контактом для обращений, со ссылкой в подвале.

Чего мы не делаем

• Не ставим виджет доступности вместо работы — смотрят на сам сайт
• Не переделываем чужие сервисы заказа и брони: мы не их разработчик, ограничение описываем честно
• Не выдумываем условия доступности зала — пишем только то, что вы подтвердили
• Не трогаем рецептуру и описания блюд: за содержание отвечает заведение

Проверьте сайт заведения

Начните с главной, страницы меню и страницы бронирования — результаты обычно разные. Проверка бесплатная и показывает то, что видно в коде; заказ и бронь проходим руками в платном аудите.