Доступность сайта ресторана Меню, которое можно прочитать, и заказ, который можно оформить
Самая частая поломка на сайте ресторана одна и та же: меню выложено картинкой или сканом. Для экранного диктора там пусто, на телефоне текст не увеличить, а поисковик не видит ни одного блюда. Рядом стоит требование, о котором почти не помнят: сведения о мерах доступности заведения публикуются, в том числе на сайте, и поддерживаются в актуальном виде. То есть страница «как у нас с доступностью» — это не любезность, а часть правил.
Что требует закон от сайта заведения
- Соответствие стандарту 5568 — это WCAG 2.0 уровня AA
- Сведения о выполненных мерах доступности публикуются, в том числе на сайте, и поддерживаются актуальными
- Декларация доступности с контактом для обращений
- Информация в письменном виде по просьбе человека предоставляется в доступном формате: чтение вслух — сразу, аудиозапись или цифровой файл для программы чтения — не позднее трёх недель
- Доступность распространяется на всё, что вы даёте через сайт: меню, бронь, заказ, подарочные сертификаты
- Небольшое кафе может попасть под освобождение по обороту — это стоит посчитать до начала работ
- При 25 и более работниках — а это уже небольшая сеть — нужен координатор доступности, и его контакт публикуется
Что ломается на сайтах ресторанов
- 01
Меню картинкой
Дизайнер прислал красивый PDF, его выложили как есть. Человек с экранным диктором не узнает ни блюда, ни цены; на телефоне приходится возить пальцем по странице. Лечится текстовой версией меню — она же приводит гостей из поиска.
- 02
Состав и аллергены внутри картинки
Там же, в макете, живёт самая важная строка: что внутри блюда. Для человека с аллергией это вопрос не удобства, а безопасности, и он просто не станет рисковать.
- 03
Бронь столика
Виджет брони — чужой код в рамке. Календарь без подписей, выбранная дата не объявляется, подтверждение показано только цветом. Гость доходит до последнего шага и срывается.
- 04
Кнопка «заказать»
Иконка корзины без подписи, кнопка «+» без имени, количество меняется молча. Экранный диктор читает «кнопка» — и всё.
- 05
Карусель блюд
Автопрокрутка без кнопки остановки — отдельное нарушение стандарта, и одновременно то, что сильнее всего мешает читать с увеличением.
- 06
Адрес и часы картинкой
Часы работы в праздничном баннере, адрес только на встроенной карте, телефон изображением. Именно это ищут в первую очередь — и именно этого для диктора не существует.
Почему для ресторана это деньги, а не бумага
Недоступное меню — это не замечание проверяющего, это несделанный заказ. Гость не будет звонить и выяснять состав блюда: он закажет там, где всё написано текстом. А доступность зала — первое, что выясняет семья, в которой есть человек на коляске или пожилой родитель.
- Текстовое меню читают и диктор, и поисковик: блюда начинают находиться по названиям
- Компания выбирает место по самому несговорчивому участнику — и часто это вопрос доступности
- Пожилые гости заказывают с телефона и не станут увеличивать картинку
- Страница про доступность зала снимает половину звонков «а у вас есть пандус и туалет»
Как идёт работа
- 01
Проверяем путь гостя
Главная, меню, страница блюда, бронь, оформление заказа, контакты. Только с клавиатуры и с экранным диктором, обязательно на телефоне.
- 02
Переводим меню в текст
Это основная работа: блюда, состав, цены и пометки становятся текстом на странице. Красивый PDF можно оставить рядом для печати.
- 03
Исправления в коде
Имена кнопок и иконок, подписи полей брони, остановка карусели, контраст на фоне фотографий, увеличение страницы, видимый фокус. Внешний сервис брони или доставки проверяем отдельно.
- 04
Страница о доступности зала
Короткая и честная: вход, ступени, ширина прохода, туалет, парковка, меню крупным шрифтом по просьбе. Пишем то, что есть, без обещаний.
- 05
Декларация доступности
Текст и страница с контактом для обращений, со ссылкой в подвале.
Чего мы не делаем
- Не вешаем виджет доступности вместо работы — проверяют сам сайт
- Не переделываем чужие сервисы заказа и брони: мы не их разработчик, ограничение описываем честно
- Не выдумываем условия доступности зала — пишем только то, что вы подтвердили
- Не подписываем документы вместо сертифицированного консультанта по доступности услуг
Проверьте сайт заведения
Начните с главной, страницы меню и страницы брони — результаты обычно разные. Проверка бесплатная и показывает то, что видно в коде; заказ и бронь проходим руками в платном аудите.
Проверить доступность сайтаЧастые вопросы
У нас меню — PDF от дизайнера. Обязательно переделывать?
Переделывать макет не нужно: он может остаться для печати. Нужна текстовая версия того же меню на странице сайта — её читают и экранный диктор, и поисковик. Обычно это разовая работа на несколько часов, а обновлять потом проще, чем перерисовывать картинку.
Заказ у нас идёт через внешний сервис доставки
Проверяем его отдельно. Если заказ оформляется на их домене, за доступность отвечает сервис, но гостю это безразлично — он пришёл к вам. Мы смотрим, можно ли пройти заказ с клавиатуры и диктором, и если нет, то предлагаем альтернативный путь: телефон, форму на сайте или другой сервис.
Мы маленькое кафе. Освобождение по обороту нам подходит?
Может подойти — в правилах освобождения привязаны к обороту. Это стоит посчитать до начала работ, и если вы формально под него подпадаете, мы скажем прямо. Текстовое меню при этом всё равно окупается: оно приводит гостей из поиска.
Что писать на странице про доступность зала?
Факты: есть ли ступень у входа и какой высоты, ширина прохода между столами, доступный туалет, парковка, место для коляски, возможность меню крупным шрифтом или чтения вслух. Если чего-то нет — так и пишется. Такая страница снимает звонки и экономит гостю поездку.
У нас только страница в соцсети, сайта нет
Тогда начинать стоит с простого сайта-одностраничника: меню текстом, часы, адрес, бронь. Соцсеть вы не настроите под стандарт — там чужая разметка, и даже описания к картинкам доступны не везде.
Хватит ли виджета доступности?
Нет. Виджет меняет размер текста и цвета, но не вытащит текст из картинки с меню и не сделает виджет брони доступным с клавиатуры.
Сколько времени это занимает?
Проверка с отчётом — три-пять дней. Перевод меню в текст и правки — обычно неделя. Если бронь и заказ на внешних сервисах, наша часть короче, а ограничения описываем сразу.
Сколько это стоит?
Проверка с отчётом — фиксированная сумма, она указана на странице направления. Исправления считаются по часам после отчёта. Текст декларации доступности входит в работу.
Частые случаи
- Доступность сайта на WordPressПривести к стандарту 5568 — без замены темы и переписывания сайта
- Доступность сайта на WixWix закрывает часть требований сам — остальное всё равно делается руками
- Доступность магазина на WooCommerceЯдро подтянули — ломаются тема, расширения и путь к оплате
- Доступность сайта клиникиЗапись на приём должна работать с клавиатуры и экранного диктора
- Доступность сайта школыШкольный и классный сайт — к стандарту 5568, без переделки всего сайта
- Доступность сайта мэрии и НКОПубличная услуга онлайн, которой можно пользоваться без чужой помощи
- Доступность сайта юриста и бухгалтераДокумент и бланк — в том виде, в каком клиент сможет их прочесть
- Доступность сайта автосервисаЗапись на ремонт работает с клавиатуры и экранного диктора
- Доступность сайта недвижимостиОбъект можно найти и посмотреть без посторонней помощи
- Доступность туристического сайтаЗабронировать можно с клавиатуры, а не только мышью
- Декларация доступностиДекларация доступности: готовый шаблон