защо курсорът или фокусът скача наоколо на моя уеб сайт

Фокусът скача поради редът на кода

Фокус, който скача във всички направления, обикновено възникват, когато редът, в който елементите се показват на екрана, не съответства на редът им в исходния код. Когато някой прелиства страница със клавиша Tab, очаква фокусът да се движи естествено отгоре надолу и отляво надясно — логично според посоката на четене. Ако меню, изскачащ прозорец или странична лента са преместени с CSS на друго място на екрана, отколкото където се намират в кода, фокусът видимо скача напред и назад: първо надолу, след това отново нагоре, след това към бутон, който вече е был преминат.

Често срещана причина е стойност на `tabindex`, която е била зададена ръчно на число по-голямо от нула, което кара елементите да се извличат извън естествения ред. Също така бутонните панели с известия, филтри, които се зареждат динамично, и модални прозорци, които не поддържат фокуса правилно, причиняват този ефект — фокусът понякога дори изчезва напълно от екрана, скрит зад панела или под наложена слой, която все още е отворена. Най-добрият начин да се провери е да се преминат заявките само с клавиатура; как да се тества дали един интернет магазин може да се управлява с клавиатура описва как този тест работи на практика. Често се оказва, че редът на фокуса е свързан със същите елементи, които също причиняват проблеми с панелите с бисквитки и изскачащите прозорци, защото се поставят първи върху страницата.

Където това е в WCAG 2.1: критерий 2.4.3

Това изискване е в WCAG 2.1 под успешния критерий 2.4.3, "Focus Order", който изисква редът, в който елементите получават фокус, да запазва смисъла и управляемостта на страницата. Това е критерий ниво A и следователно също част от ниво AA, което EN 301 549 означава на практика. Изследването на ACM върху достъпността на интернет магазините показва, че този вид проблеми с навигацията възникват редовно на практика и се преживават като обезпокойващи от потребителите. Автоматичен скен може да сигнализира дали присъства `tabindex` с положителна стойност, но дали редът на фокуса наистина звучи логично за някой, който не вижда страницата, е нещо, което автоматичен тест за достъпност не може да установи напълно — това остава зависимо от ръчен преглед.