Доступность и правила: WCAG 2.1 AA и руководства AgID

Кратко

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

carteia.app

Что Carteia делает за вас (без ваших усилий)

Переход к содержимому

В верху каждой страницы есть ссылка «Перейти к основному содержимому», которая появляется при навигации с клавиатуры. Тот, кто пользуется программой чтения с экрана или не использует мышь, пропускает меню и сразу попадает к сути.

Упорядоченная структура страниц

Страницы организованы логично (шапка, содержимое, навигация), заголовки идут по порядку: один главный, затем подзаголовки ниже. Это помогает и программам чтения с экрана, и тем, кто читает быстро.

Метки для вспомогательных технологий

У кнопок и элементов управления есть описательные метки для тех, кто не видит экран. Например, заблокированный пункт меню «говорит», что он заблокирован, а шаги мастера «говорят», на каком вы этапе.

Объявленный язык

Каждая страница объявляет, на каком языке написана, чтобы программа чтения с экрана произносила её с правильным акцентом. Для многоязычных меню связи между версиями ведутся автоматически.

Читаемый контраст, даже ночью

Цвета выбраны так, чтобы текст хорошо выделялся на фоне — и в светлой, и в тёмной теме. Это уровень читаемости, который требует стандарт AA.

Клавиатура и касание

Все элементы достижимы клавишей Tab, активный всегда виден. На телефонах и планшетах кнопки достаточно крупные, чтобы нажимать без промаха.

Что можете сделать вы за две минуты

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

1. 1

   Добавьте описательный текст к каждому фото блюда (например «Спагетти с томатом и свежим базиликом, на белой тарелке»). Не оставляйте пустым.

2. 2

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

3. 3

   Указывайте аллергены специальными отметками, а не только значком: тогда их тоже зачитают вслух.

4. 4

   Для видео добавьте расшифровку или субтитры.

5. 5

   Держите названия блюд понятными: красивое название — это хорошо, но всегда добавляйте строку, поясняющую, что это.

Приватность и согласия: инструменты, чтобы быть в порядке

Помимо доступности, Carteia даёт инструменты вести приватность как положено:

Реестр согласий на cookie

Каждый выбор, который посетитель делает в баннере cookie, фиксируется и никогда не перезаписывается: полная история сохраняется. Если кто-то позже оспорит, у вас есть доказательство, что и когда он принял.

Согласия клиентов, даже по заведениям

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

Подписанные DPA и Условия обслуживания

На странице Настройки вы подписываете и храните соглашение об обработке данных (DPA) и Условия обслуживания для ваших заведений, со статусом каждого и всегда доступным для скачивания документом.

Чего, честно говоря, пока нет

Для ясности: этого сейчас нет:

• Публичной страницы декларации доступности в стиле сайтов госсектора. Carteia — частная платформа и не подпадает под эти прямые требования. Если нужна для вашего случая (например, заведение в госучреждении), напишите нам.
• Значка внешней сертификации: соответствие WCAG 2.1 AA — это ориентир проектирования, который мы поддерживаем внутри, а не сертификат от третьей стороны.

Нашли проблему?

Если столкнулись со сложностью доступности (в публичном меню или в панели), напишите нам, указав:

• задействованную страницу или элемент;
• чем вы пользовались (программа чтения с экрана, браузер, телефон или компьютер);
• что не работало.

Сообщения о доступности в приоритете, когда мы исправляем проблемы.

Дальше

• Управление меню
• Профиль и настройки аккаунта
• Экспорт данных