WCAG 2.1.4 Клавіші для швидких дій

Критерій успіху 2.1.4 захищає людей, які користуються розпізнаванням мовлення, і тих, хто випадково натискає клавіші (наприклад, через тремор), від запуску команд, яких вони не мали на увазі. Це рівень A, і він входить до EN 301 549 (пункт 9.2.1.4; в Україні — ДСТУ EN 301 549:2022).

Що вимагає критерій

Якщо у вмісті реалізовано клавіатурне скорочення, що використовує лише літери (великі чи малі), розділові знаки, цифри чи символи, має виконуватися щонайменше одна умова:

• Вимкнення: є механізм, щоб вимкнути скорочення;
• Перепризначення: є механізм, щоб перепризначити його з однією чи кількома недрукованими клавішами (як-от Ctrl чи Alt);
• Активне лише у фокусі: скорочення компонента активне лише тоді, коли фокус на цьому компоненті.

Неважливо, скільки фізичних клавіш дають символ: «?», набраний через Shift+/, усе одно вважається символьною клавішею. Послідовності на кшталт натискання G, а потім A, теж враховуються.

Не стосується: списків і випадних списків, де введення літери переходить до варіанта, поки вони у фокусі, меню, що відкриваються модифікатором на кшталт Alt, і клавіш доступу браузера з модифікаторами.

Типові помилки в інтернет-магазині

• клавіша «/» чи «s», що з будь-якого місця сторінки переносить у поле пошуку;
• «?» відкриває довідкову накладку чи «c» відкриває кошик, і це не можна вимкнути;
• галереї товарів чи лукбуки, що реагують на окремі літери глобально, а не лише у фокусі;
• функція теми в стилі адмінпанелі чи сторонній віджет (чат, панель доступності), що додає на вітрину однолітерні скорочення.

У більшості магазинів символьних скорочень узагалі немає — тоді критерій просто не застосовується.

Як перевірити

Автоматично: для цього критерію немає правила axe-core. Скорочення живуть в обробниках клавіш у JavaScript, які сканування не запускає, тож потрібна ручна перевірка.

Вручну: клацніть на порожньому місці сторінки (щоб жодне поле не було у фокусі) і натискайте окремі літери, цифри й поширені символи, як-от «/», «?» і «.». Стежте, чи щось відбувається. Перегляньте документацію теми й плагінів щодо переліку скорочень. Якщо знайшли таке, перевірте, чи є налаштування, щоб вимкнути чи перепризначити його, або переконайтеся, що воно працює лише тоді, коли його віджет у фокусі.

Як виправити

• Для дій на рівні всього сайту надавайте перевагу скороченням із клавішею-модифікатором (Ctrl, Alt, Cmd).
• Обмежте однолітерні скорочення компонентом у фокусі, наприклад стрілки й літери всередині галереї у фокусі.
• Якщо залишаєте глобальні символьні скорочення, додайте зрозуміле налаштування, щоб їх вимкнути чи змінити.
• Ніколи не запускайте скорочення, поки користувач вводить текст у поле.

Пов'язані критерії

• 2.1.1 Клавіатура — усі функції мають працювати з клавіатури.
• 2.5.3 Маркування в назві елемента — ще один критерій, що допомагає користувачам голосового введення.
• Наша бібліотека правил показує критерії, які автоматичні правила таки охоплюють.

Часті запитання

Які клавіатурні скорочення охоплює 2.1.4?

Скорочення лише з друкованих символів: літер, цифр, розділових знаків чи символів, зокрема послідовності на кшталт G, потім A. Скорочень, які потребують клавіші-модифікатора, як-от Ctrl чи Alt, критерій не стосується.

Як сайту виконати 2.1.4?

Щонайменше одним із трьох способів: можливість вимкнути скорочення, можливість перепризначити його так, щоб воно включало недруковану клавішу на кшталт Ctrl чи Alt, або скорочення працює лише тоді, коли фокус на його власному компоненті.

Чому однолітерні скорочення — проблема?

Користувачі голосового введення диктують слова, і кожна літера може спрацювати як скорочення. Люди, які випадково зачіпають клавіші, теж можуть запустити дії, яких зовсім не хотіли.