Доступність сайту ресторану Меню, яке можна прочитати, і замовлення, яке можна оформити
Найчастіша поломка на сайті ресторану завжди та сама: меню викладене картинкою або сканом. Для екранного диктора там порожньо, на телефоні текст не збільшити, а пошук не бачить жодної страви — тобто ви не знаходитеся за назвами того, що готуєте. Прямої вимоги до бізнесу в Україні немає, технічний орієнтир — ДСТУ EN 301 549:2022, але тут справа не в перевірці: недоступне меню це просто замовлення, яке пішло до сусіда.
Що це означає для закладу
- Технічний орієнтир — ДСТУ EN 301 549:2022, він спирається на WCAG 2.1
- Для приватного закладу це рекомендація, а не вимога з санкціями — ми кажемо прямо
- Текстове меню читає і диктор, і пошук: страви починають знаходитися за назвами
- Склад і алергени мають бути прочитними — це питання безпеки гостя, а не оформлення
- Сторінка про доступність залу знімає половину дзвінків і економить гостю поїздку
- Заява про доступність із контактом — спосіб почути зауваження від гостя, а не з відгуку
Що ламається на сайтах закладів
- 01
Меню картинкою
Дизайнер надіслав гарний PDF, його виклали як є. Людина з екранним диктором не дізнається ні страв, ні цін; на телефоні доводиться возити пальцем по сторінці. Лікується текстовою версією меню — вона ж приводить гостей із пошуку.
- 02
Склад і алергени всередині картинки
Там же, у макеті, живе найважливіший рядок: що всередині страви. Для людини з алергією це питання безпеки, і вона просто не ризикуватиме.
- 03
Бронювання столика
Віджет бронювання — чужий код у рамці. Календар без підписів, обрана дата не оголошується, підтвердження показане лише кольором. Гість доходить до останнього кроку й зривається.
- 04
Кнопка «замовити»
Іконка кошика без підпису, кнопка «плюс» без імені, кількість змінюється мовчки. Екранний диктор читає «кнопка» — і все.
- 05
Карусель страв
Автопрокручування без кнопки зупинки заважає найбільше тим, хто читає зі збільшенням, і тим, хто не встигає прочитати підпис.
- 06
Адреса й години картинкою
Графік роботи у святковому банері, адреса лише на вбудованій карті, телефон зображенням. Саме це шукають першим — і саме цього для диктора не існує.
Чому для ресторану це гроші, а не папери
Недоступне меню — не зауваження перевіряльника, а замовлення, якого не було. Гість не телефонуватиме, щоб дізнатися склад страви: він замовить там, де все написано текстом. А доступність залу — перше, що з’ясовує родина, у якій є людина на візку або літні батьки.
- Компанія обирає заклад за найменш мобільним учасником — і часто це питання доступності
- Ветерани з пораненнями та люди на візку стали помітною частиною відвідувачів
- Літні гості замовляють з телефона й не збільшуватимуть картинку
- Текстове меню — це ще й сторінки, за якими вас знаходять у пошуку
Як іде робота
- 01
Перевіряємо шлях гостя
Головна, меню, сторінка страви, бронювання, оформлення замовлення, контакти. Тільки з клавіатури і з екранним диктором, обов’язково на телефоні.
- 02
Переводимо меню в текст
Це основна робота: страви, склад, ціни й позначки стають текстом на сторінці. Гарний PDF можна залишити поруч для друку.
- 03
Виправлення в коді
Імена кнопок та іконок, підписи полів бронювання, зупинка каруселі, контраст на тлі фотографій, збільшення сторінки, видимий фокус. Зовнішній сервіс бронювання чи доставки перевіряємо окремо.
- 04
Сторінка про доступність залу
Коротка й чесна: вхід, сходинки, ширина проходу, вбиральня, паркування, меню великим шрифтом на прохання. Пишемо те, що є, без обіцянок.
- 05
Заява про доступність
Текст і сторінка з контактом для звернень, із посиланням у підвалі.
Чого ми не робимо
- Не ставимо віджет доступності замість роботи — дивляться на сам сайт
- Не переробляємо чужі сервіси замовлення й бронювання: ми не їхній розробник, обмеження описуємо чесно
- Не вигадуємо умови доступності залу — пишемо лише те, що ви підтвердили
- Не чіпаємо рецептуру й опис страв: за зміст відповідає заклад
Перевірте сайт закладу
Почніть з головної, сторінки меню й сторінки бронювання — результати зазвичай різні. Перевірка безкоштовна й показує те, що видно в коді; замовлення та бронювання проходимо руками в платному аудиті.
Перевірити доступність сайтуЧасті запитання
У нас меню — PDF від дизайнера. Обов’язково переробляти?
Макет переробляти не потрібно: він може залишитися для друку. Потрібна текстова версія того самого меню на сторінці сайту — її читають і екранний диктор, і пошук. Зазвичай це разова робота на кілька годин, а оновлювати потім простіше, ніж перемальовувати картинку.
Замовлення в нас ідуть через сервіс доставки
Перевіряємо його окремо. Якщо замовлення оформлюється на їхньому домені, за доступність відповідає сервіс, але гостю це байдуже — він прийшов до вас. Ми дивимося, чи можна пройти замовлення з клавіатури й диктором, і якщо ні — пропонуємо альтернативний шлях: телефон, форму на сайті або інший сервіс.
Нам це взагалі обов’язково?
Прямої вимоги до приватного закладу немає: ДСТУ EN 301 549:2022 обов’язковий для органів виконавчої влади, решті його радять. Але тут аргумент інший: меню картинкою не читає ні гість з поганим зором, ні пошукова система. Це втрачені замовлення, а не ризик штрафу.
Що писати на сторінці про доступність залу?
Факти: чи є сходинка на вході і якої висоти, ширина проходу між столами, доступна вбиральня, паркування, місце для візка, можливість меню великим шрифтом або прочитати вголос. Якщо чогось немає — так і пишеться. Така сторінка знімає дзвінки й економить гостю поїздку.
У нас лише сторінка в соцмережі
Тоді починати варто з простого односторінкового сайту: меню текстом, години, адреса, бронювання. Соцмережу під стандарт не налаштувати — там чужа розмітка, і навіть описи до зображень доступні не скрізь.
Чи достатньо віджета доступності?
Ні. Він змінює розмір тексту й кольори, але не витягне текст із картинки меню і не зробить віджет бронювання доступним з клавіатури.
Скільки часу це займає?
Перевірка зі звітом — три-п’ять днів. Переведення меню в текст і правки — зазвичай тиждень. Якщо бронювання й замовлення на зовнішніх сервісах, наша частина коротша, а обмеження описуємо одразу.
Скільки це коштує?
Перевірка зі звітом — фіксована сума, вона вказана на сторінці напряму. Виправлення рахуються погодинно після звіту. Текст заяви про доступність входить у роботу.
Поширені випадки
- Доступність сайту на WordPressПривести до WCAG — без заміни теми й переписування сайту
- Доступність сайту на WixWix закриває частину вимог сам — решту однаково роблять руками
- Доступність сайту на TildaСтандартні блоки вже майже готові — ламається зазвичай Zero Block
- Доступність магазину на WooCommerceЯдро підтягнули — ламаються тема, розширення і шлях до оплати
- Доступність сайту клінікиЗапис на прийом має працювати з клавіатури й екранного диктора
- Доступність сайту закладу освітиСайт, на якому батьки знаходять потрібне без сторонньої допомоги
- Доступність сайту громади та ГОРішення, послуги й звернення — доступні без сторонньої допомоги
- Доступність сайту юриста та бухгалтераКлієнт сам знаходить відповідь і сам подає заявку
- Доступність сайту автосервісуЗапис на ремонт працює з клавіатури й екранного диктора
- Доступність сайту нерухомостіОб’єкт можна знайти й подивитися без сторонньої допомоги
- Доступність туристичного сайтуЗабронювати можна з клавіатури, а не лише мишею
- Заява про доступністьЗаява про доступність: готовий шаблон