Как се тества сайт с клавиатура и екранен четец?

Как се прави тестът само с клавиатура?

Прибирате мишката настрана и минавате от началото на страницата до целта, например поръчка или заявка, само с клавиши. Tab мести фокуса напред, Shift+Tab назад. Enter и Space активират бутон или връзка. Стрелките местят вътре в падащо меню или раздели, а Escape затваря диалог или изскачащ прозорец. През целия път следите за четири неща: дали фокусът се вижда ясно, с видима рамка или подчертаване, върху всеки елемент, до който стигате; дали редът, в който Tab минава през страницата, отговаря на визуалния ред, а не скача произволно; дали фокусът някога „се заклещва“, тоест не можете да излезете от елемент с клавиатура; и дали изобщо всеки бутон, връзка или поле е достижимо, без да е пропуснато напълно.

Кой екранен четец да изберете?

Според последното проучване на WebAIM (юли-август 2026, 1780 потребители на екранни четци) JAWS е основният четец на настолен компютър за 55% от анкетираните, NVDA за 32,9%, а VoiceOver за 6,5%. На телефон VoiceOver ползват 72,2% от анкетираните, а TalkBack 29,5%. За практическо тестване от екип, който не е специализиран в достъпност, NVDA е добра отправна точка на Windows. Той е безплатен, широко ползван в Европа според същото проучване и с прост набор от клавиатурни команди. VoiceOver идва вградено във всеки Mac, iPhone и iPad, без нужда от инсталация.

Как се стартира NVDA и VoiceOver?

NVDA се инсталира еднократно от сайта на проекта. Пуска се с Ctrl+Alt+N, ако при инсталацията е разрешен този пряк път, и се спира с NVDA+Q. За да прочете реда, на който стои курсорът, ползвате NVDA+стрелка нагоре; за да продължи да чете напред, NVDA+стрелка надолу. Клавиш H скача на следващото заглавие в страницата, Shift+H на предишното, а клавиш F скача на следващото поле от форма. VoiceOver на Mac се включва с Cmd+F5. Комбинацията VO (стандартно Control+Option) плюс буквата A чете напред от текущата позиция, а VO+Cmd+H скача на следващото заглавие. Клавишната комбинация VO+U отваря „ротора“, списък с всички заглавия, връзки или полета на страницата, през който се придвижвате със стрелки и Enter.

Какво да слушате, докато четецът чете?

Целта не е просто четецът да проговори, а да проговори смислено. Проверявате дали заглавията описват точно раздела, който въвеждат, а не звучат произволно. Проверявате и дали всяко поле от форма има ясен надпис, прочетен заедно с полето, а не отделно някъде другаде на страницата; дали връзка или бутон имат смисъл сами по себе си, извадени от контекста си, вместо да чуете само „натиснете тук“; и дали важна промяна на страницата, например съобщение за грешка след изпращане на форма, се обявява веднага, а не остава тиха, докато не преместите фокуса ръчно към нея.

Въпроси

Източници

1. BrowserStack, „Как се тества сайт с екранни четци“, 2026.
2. GDS, блогът за достъпност на правителството на Обединеното кралство, „What we found when we tested tools on the world's least-accessible webpage“, 24 февруари 2017.
3. WebAIM, „Проучване сред потребители на екранни четци №11“, юли и август 2026.
4. accessibility.build, „Тестване с NVDA и VoiceOver“, 2026.
5. NV Access, ръководство за потребителя на NVDA.
6. W3C Web Accessibility Initiative, „Разбиране на критерий 2.1.1 Клавиатура“, 2023.
7. BBC, „Accessibility News and You“, стъпки за тестване с VoiceOver на iOS, 2026.

Още по темата

• Какво е WCAG 2.2 и защо е важно за сайта ви?WCAG 2.2 е актуалната версия на насоките на W3C за достъпност на уеб съдържание, с три нива. Ниво AA е основата зад Европейския акт за достъпност.
• За кого важи Европейският акт за достъпност?За продавачи на изброени продукти или услуги на потребители в ЕС. Регистрацията извън ЕС сама не ви изключва. Микропредприятията с услуги (под 10 души, до 2 милиона евро) са освободени.
• Работят ли добавките за достъпност?Не така, както се продават. През април 2025 търговската комисия на САЩ задължи accessiBe да плати обезщетение за твърдението, че добавка прави сайта достъпен.