Мотивація
Дизайн доступності стає все більш важливим для наших клієнтів по всьому світу, особливо для тих, хто походить з країн, де законодавство регулює рівень доступності, необхідний для дотримання базових вимог. Одна з основних вимог полягає в тому, щоб веб-сайти або додатки повністю відповідали критеріям доступності під час навігації за допомогою клавіатури. Доступність не обмежується лише клавіатурним введенням, а охоплює всі інші способи введення - мишкою, голосом тощо. Для тестувальників, які вперше проводять тестування доступності, навігація за допомогою клавіатури є найпростішим місцем, з якого можна почати свій шлях у тестуванні
Механіка тестування доступності за допомоги клавіатури на пристроях з Windows 10 та Mac
Після запуску тестового середовища ви можете перевірити, які елементи тесту доступні за допомогою екранної клавіатури. Після повного завантаження тестового середовища натисніть клавішу TAB, щоб переконатися, що кожен з наступних елементів отримує фокус введення - всі пункти меню, посилання, кнопки, поля вводу, прапорці тощо. Переконайтеся, що ви можете активувати вибір натисканням клавіші ENTER/RETURN. Переконайтеся, що випадаючі елементи керування розгортаються, коли ви встановлюєте для них фокус введення за допомогою клавіші TAB і натискаєте клавішу SPACE. Переконайтеся, що немає "клавіатурних пасток" (клавіатурна пастка виникає, коли користувач натискає клавішу TAB на елементі і не може рухатися далі або, у гіршому випадку, не може рухатися від елемента, на якому натиснуто клавішу TAB, в обох напрямках) і що всі елементи дій доступні за допомогою клавіші TAB. Також важливо переконатися, що ви можете змінити курс за допомогою різних елементів керування, використовуючи комбінацію клавіш SHIFT+TAB для переходу на один або кілька кроків назад.
Згадані вище клавіші - не єдині, які ви можете використовувати під час тестування навігації за допомогою клавіатури. Ви можете знайти детальний список клавіш клавіатури нижче:
Клавіша або комбінація клавіш | Функція | Коментар |
TAB | Переміщення по активних елементах | Процес навігації відображається зміною виділеного фокусу |
SHIFT+TAB | Зворотна навігація по активних елементах |
|
ENTER/RETURN | Використовується для активації вибраного елемента | Випадаючі меню, перемикачі тощо. |
СТРІЛКИ (ARROWS) | Використовується для навігації в межах елемента управління. | Переміщення по меню, переміщення вліво/вправо/вгору/вниз по текстових полях тощо. |
ESC | Використовується для виходу з елемента | Закриває список меню, згортає випадаюче меню тощо. |
HOME | Використовується для переходу на початок сторінки | Еквівалент в Mac: fn + СТРІЛКА ВЛІВО (fn +LEFT ARROW) |
END | Використовується для переходу в кінець сторінки | Еквівалент в Mac: fn + СТРІЛКА ВПРАВО (fn +RIGHT ARROW) |
PAGE-UP | Використовується для збільшення значення повзунка на 10% | Еквівалент в Mac: fn + СТРІЛКА ВГОРУ (fn + UP ARROW) |
PAGE-DOWN | Використовується для зменшення значення повзунка на 10% | Еквівалент в Mac: fn + СТРІЛКА ВНИЗ (fn + DOWN ARROW) |
Примітка: Пам'ятайте, що, повідомляючи про помилки доступності навігації за допомогою клавіатури, не потрібно записувати звук у скрінкасті.
Примітка для користувачів Windows 10: Використовуйте екранну клавіатуру Windows, щоб відтворити помилку в скрінкасті. Щоб швидко відкрити екранну клавіатуру на пристрої з ОС Windows 10, одночасно натисніть клавіші Win+CTRL+O на фізичній клавіатурі.
Примітка для користувачів Mac: Щоб відкрити програму "Клавіатура" на Mac, одночасно натисніть клавіші Option+Command+F5, виберіть пункт "Клавіатура доступності" (Accessibility Keyboard) і натисніть кнопку "Готово" (Done).
WCAG 2.1. Контрольні точки доступності
Перш ніж ми зосередимося на критеріях успішності, пов'язаних з клавіатурною навігацією, ми повинні нагадати вам, що наша платформа виконує тести для рівнів відповідності доступності А і АА. Рівень відповідності доступності ААА не входить у рамки тестування доступності на платформі Test IO.
Існує 4 критерії успішності, пов'язані з клавіатурною навігацією, які повинні бути виконані, щоб гарантувати, що середовище клієнта відповідає критеріям доступності для всіх користувачів: 2.1.1, 2.1.2, 2.1.3 і 2.1.4. Оскільки 2.1.3. належить до рівня відповідності ААА, ми не будемо включати його в наш аналіз.
Критерій успішності 2.1.1
Цей критерій успішності має на меті забезпечити доступність усіх елементів для користувачів, які використовують клавіатуру та інші засоби введення для доступу до веб-контенту. Користувачі, які користуються доступністю для клавіатурної навігації, здебільшого мають вади зору або фізичні вади, які заважають їм точно користуватися мишею (наприклад, тремтіння рук).
Щоб перевірити, чи середовище не відповідає цим критеріям, використовуйте вище вказані клавіші для фокусування та активації вибору. Якщо елемент, що входить у рамки тесту, недоступний за допомогою клавіатури, вам слід надіслати звіт про помилку. Пам'ятайте, що проблема 2.1.1. є помилкою доступності рівня A та що помилки рівня A дуже важливі для наших клієнтів.
Критерій успішності 2.1.2
Цей критерій успішності призначений для того, щоб переконатися, що користувач не потрапляє в пастку під час "табуляції" вебвмісту. Щоб перевірити середовище на відповідність цьому критерію, скористайтеся клавішею TAB на клавіатурі, щоб переконатися, що ви можете отримати доступ до будь-якого функціоналу і що ви не застрягнете на одному елементі під час "табуляції". Як і попередня контрольна точка, критерій 2.1.2. також є помилкою доступності рівня А.
Критерій успішності 2.1.4
Цей критерій успішності призначений для того, щоб переконатися, що якщо односимвольні комбінації клавіш активні у середовищі, то вони активні лише тоді, коли на них є фокус, або що існує механізм для їх вимкнення чи зміни комбінацій клавіш, щоб вони включали більше ніж одну клавішу. Щодо серйозності, 2.1.4. є помилкою доступності рівня A.
Примітка: Тут потрібно пам'ятати, що, як і в будь-якому тесті на нашій платформі, ви повинні бути обережними, щоб не надіслати дубльовану помилку.