Какво се случва при управление само с клавиатура
Най-честата грешка при управление само с клавиатура е, че интерактивните елементи са видими, но не са достъпни с клавиша Tab. Помислете за меню, което се отваря само при щракване с мишка, бутон, който не получава фокус, или прозорец, който не може да се затвори без мишка. За хората, които не могат да използват мишка поради двигателни ограничения, или които управляват четец на екран, който разчита на навигация с клавиатура, това означава, че част от уебсайта просто е неупотребима.
Причината почти винаги е в персонализирани елементи: разработчик изгражда красиво падащо меню, персонализиран избор на дата или разширяем филтър със собствен HTML и JavaScript, но забравя поддържката на клавиатура, която стандартният HTML бутон или връзка идват безплатно. Елементът изглежда добре и работи с мишката, така че никой не забелязва при тестването, че клавиша Tab просто го пропуска.
Защо това често се пропуска
Тази грешка е упорита, защото не се вижда с просто око. Когато някой кликва през магазин с мишка, няма нигде видим проблем. Едва когато отложите мишката настрана и се движите само с Tab, Shift+Tab, Enter и стрелките през страницата, става ясно къде навигацията се спира. Защото тестването на това рядко е стандартна част от процеса на доставка, проблемът често остава незабелязан в течение на години — докато посетител или контролна орган не наидат на него.
Втората причина е, че много от тези дефекти се появяват именно на местата, които са най-видими при използване: в стъпката на поръчка, на екрана за вход, в филтър за търсене. Това са точно частите, които често се изграждат отделно от останалата част на сайта, с собствени компоненти, които не винаги получават същото внимание като главната навигация.
Как да го разпознаете сами
Един прост първи тест е отложението на мишката и преминаването на поток на страница, като използвате само клавиатура. Обърнете внимание на три неща: дали всеки кликабилен елемент е достъпен чрез Tab, дали във всеки момент е ясно видимо кой елемент има фокус, и дали всеки елемент, който се отваря — меню, филтър, прозорец — може да се затвори и без мишка. Ако фокусът е заседнал в прозорец, скача на неочаквано място или изчезва напълно, то това е сигнал, че има работа.
Автоматизиран скан може да сигнализира за някои от тези проблеми, например липсващи индикатори на фокус или елементи без достъп чрез клавиатура, които са технически разпознаваеми в кода. Дали обаче падащото меню също е логично и предсказуемо достъпно, е нещо, което скан не може да преценят напълно — това остава по своята същност човешка преценка. Това важи и за други WCAG критерии, и ние това винаги посочваме в доклада. стартирайте безплатния бърз скан на вашите основни страници за да видите кой дял от такива проблеми вече автоматично се открива.
Как да го избегнете
Решението обикновено не е в допълнителна технология върху уебсайта, а в правилното използване на съществуващи компоненти. Стандартният HTML бутон или връзка са автоматично достъпни с Tab и управляеми с Enter; този, който вместо това направи текст или изображение кликабилно с JavaScript, трябва сам да добави поддържката на клавиатура. При персонализирани компоненти като менюта, филтри и прозорци трябва да има ясна договореност с разработчика: всеки елемент трябва да се отваря, управлява и затваря с клавиатура, и фокусът трябва да остане видим и предсказуем.
Това, което не помага тук, е джаджа за достъпност, която твърди, че поправя този вид недостатъци с помощта на отделен скрипт. Такъв слой не променя основния код и следователно не променя действителната използваемост; законът изисква достъпен уебсайт, а не слой върху него. Ние съзнателно не продаваме такива джаджи.
Искате ли да знаете кои части на вашия уебсайт или приложение съдържат такива структурни проблеми и как са оценени в списъка с приоритети за вашия план за подобрение? В базата данни на знания, организирана по теми, ще прочетете какво е в игра при всеки вид недостатък, и как точно се провежда нашата проверка можете да видите кой дял се проверява автоматично и кой дял изисква ръчно внимание.
Имате ли още въпроси относно това какво попада и не попада в този критерий или относно останалата част на рамката за проверка? В отговорите на часто задавани въпроси ще намерите отговор на повечето от тях.
Безплатното бързо сканиране на axessia.eu дава незабавна индикация дали възникват такива проблеми с клавиатурата на вашия сайт, без да се нуждаете от акаунт.