Перейти к содержимому

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

Самая частая поломка на сайте ресторана одна и та же: меню выложено картинкой или сканом. Для экранного диктора там пусто, на телефоне текст не увеличить, а поисковик не видит ни одного блюда. Рядом стоит требование, о котором почти не помнят: сведения о мерах доступности заведения публикуются, в том числе на сайте, и поддерживаются в актуальном виде. То есть страница «как у нас с доступностью» — это не любезность, а часть правил.

Написать в WhatsAppот 1 200 ₪ · 3–5 дней

Что требует закон от сайта заведения

  • Соответствие стандарту 5568 — это WCAG 2.0 уровня AA
  • Сведения о выполненных мерах доступности публикуются, в том числе на сайте, и поддерживаются актуальными
  • Декларация доступности с контактом для обращений
  • Информация в письменном виде по просьбе человека предоставляется в доступном формате: чтение вслух — сразу, аудиозапись или цифровой файл для программы чтения — не позднее трёх недель
  • Доступность распространяется на всё, что вы даёте через сайт: меню, бронь, заказ, подарочные сертификаты
  • Небольшое кафе может попасть под освобождение по обороту — это стоит посчитать до начала работ
  • При 25 и более работниках — а это уже небольшая сеть — нужен координатор доступности, и его контакт публикуется

Что ломается на сайтах ресторанов

  1. 01

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

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

  2. 02

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

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

  3. 03

    Бронь столика

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

  4. 04

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

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

  5. 05

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

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

  6. 06

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

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

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

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

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

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

  1. 01

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

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

  2. 02

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

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

  3. 03

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

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

  4. 04

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

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

  5. 05

    Декларация доступности

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

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

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

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

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

Проверить доступность сайта

Частые вопросы

У нас меню — PDF от дизайнера. Обязательно переделывать?

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

Заказ у нас идёт через внешний сервис доставки

Проверяем его отдельно. Если заказ оформляется на их домене, за доступность отвечает сервис, но гостю это безразлично — он пришёл к вам. Мы смотрим, можно ли пройти заказ с клавиатуры и диктором, и если нет, то предлагаем альтернативный путь: телефон, форму на сайте или другой сервис.

Мы маленькое кафе. Освобождение по обороту нам подходит?

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

Что писать на странице про доступность зала?

Факты: есть ли ступень у входа и какой высоты, ширина прохода между столами, доступный туалет, парковка, место для коляски, возможность меню крупным шрифтом или чтения вслух. Если чего-то нет — так и пишется. Такая страница снимает звонки и экономит гостю поездку.

У нас только страница в соцсети, сайта нет

Тогда начинать стоит с простого сайта-одностраничника: меню текстом, часы, адрес, бронь. Соцсеть вы не настроите под стандарт — там чужая разметка, и даже описания к картинкам доступны не везде.

Хватит ли виджета доступности?

Нет. Виджет меняет размер текста и цвета, но не вытащит текст из картинки с меню и не сделает виджет брони доступным с клавиатуры.

Сколько времени это занимает?

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

Сколько это стоит?

Проверка с отчётом — фиксированная сумма, она указана на странице направления. Исправления считаются по часам после отчёта. Текст декларации доступности входит в работу.

Частые случаи