WCAG 2.5.1 Жесты указателем

Критерий успеха 2.5.1 помогает людям, которые не могут выполнять точные жесты или жесты несколькими пальцами: людям с тремором или ограниченной подвижностью рук, тем, кто пользуется указкой на голове, системой управления взглядом или палочкой во рту, а также любому, кто держит телефон одной рукой. Это уровень A, он входит в EN 301 549 (пункт 9.2.5.1). Тот же стандарт принят в Украине как ДСТУ EN 301 549:2022.

Что требует критерий

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

• Многоточечный жест использует два или более указателя одновременно, например щипок или разведение двумя пальцами для масштабирования.
• Траекторный жест — тот, где важно движение по определённому пути, например свайп или рисование фигуры.
• Один указатель без траектории — это касание, клик, двойное касание или долгое нажатие.

Критерий касается жестов, которые обрабатывает веб-контент, а не жестов, управляющих браузером или вспомогательными технологиями (например, собственного масштабирования щипком в браузере). Он не запрещает предлагать жесты — только делать их единственным способом.

Типичные ошибки в интернет-магазине

• галерея изображений товара, которая листается только свайпом, без кнопок «назад/вперёд» или миниатюр;
• функция увеличения, которая работает только щипком двумя пальцами внутри собственного просмотрщика;
• «смахните, чтобы удалить» в корзине или списке желаний без кнопки удаления;
• просмотр товара на 360°, который поворачивается только проведением пальцем по нему;
• карта магазинов, которая масштабируется только щипком, без кнопок + и −.

Как проверить

Автоматически: правила axe-core для этого критерия нет. Обработчики жестов находятся в скриптах, и сканирование не может определить, что делает свайп, поэтому нужна ручная проверка.

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

Как исправить

• Добавьте в галереи и карусели видимые кнопки «назад/вперёд» и миниатюры.
• Добавьте элементы + и − на карты и масштабируемые изображения.
• Рядом с любым действием по свайпу предложите кнопку «Удалить».
• Сделайте кнопки поворота для просмотра на 360°.
• Оставьте жесты для тех, кому они нравятся, — просто не делайте их единственным способом.

Связанные критерии

• 2.5.7 Перетаскивание — для перетаскивания нужна альтернатива одним указателем.
• 2.5.2 Отмена действия указателем — случайные касания должно быть легко отменить.
• 2.1.1 Клавиатура — те же функции должны работать и с клавиатуры.

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

Какие жесты охватывает WCAG 2.5.1?

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

Достаточно ли поддержки клавиатуры, чтобы выполнить 2.5.1?

Нет. W3C отмечает, что одной альтернативы с клавиатуры для 2.5.1 недостаточно, потому что многие пользователи указателя не могут пользоваться клавиатурой. Нужны элементы управления для одного указателя, например кнопки.

Распространяется ли 2.5.1 на масштабирование щипком в браузере?

Нет. Критерий касается жестов, которые обрабатывает сам веб-контент, а не жестов, управляющих браузером или вспомогательными технологиями.