Доступность сайта автосервиса Запись на ремонт работает с клавиатуры и экранного диктора

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

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

Что ломается на сайтах СТО

1. 01

   Запись на ремонт

   Календарь свободных окон собран на блоках без ролей: пройти его с клавиатуры невозможно, выбранная дата не объявляется. Человек видит кнопку «записаться», но до подтверждения не доходит.

2. 02

   Подбор по марке и модели

   Три зависимых списка — марка, модель, год — без подписей и без сообщения, что список обновился. Экранный диктор молчит, и человек не понимает, сработал ли выбор.

3. 03

   Прайс таблицей или картинкой

   Таблица без заголовков строк и столбцов читается как поток чисел: работа, время и цена перестают быть связаны. А прайс картинкой не читается вовсе и не находится в поиске.

4. 04

   Галерея «до и после»

   Главное доказательство качества — фотографии без описаний. Для человека с плохим зрением их просто нет; достаточно одной строки текста к каждой работе.

5. 05

   Телефон и мессенджер картинкой

   Номер нарисован на баннере, кнопка мессенджера без имени, график работы в изображении. Для диктора на странице не остаётся ни одного способа связи.

6. 06

   Калькулятор и статус ремонта

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

Почему у автосервиса особенные клиенты

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

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

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

1. 01

   Проверяем путь клиента

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

2. 02

   Отчёт по важности

   Сначала то, что мешает записаться и узнать цену, потом остальное. Отдельно помечаем, что закроет ваш сотрудник, а что требует разработчика.

3. 03

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

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

4. 04

   Прайс и фотографии

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

5. 05

   Доступность сервиса и заявление

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

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

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

Проверьте сайт сервиса

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