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 масштабування жестом у браузері?

Ні. Він стосується жестів, які інтерпретує сам вебвміст, а не жестів, що керують браузером чи допоміжними технологіями.