Kāpēc fokusa rādītājs vai kursors uz manas vietnes pārvietojas haotiski?

Fokusa lēciens rodas no pirmkoda secības

Fokusa lēciens visos virzienos parasti rodas tāpēc, ka elementu secība pirmkodā nesakrīt ar to secību, kas redzama ekrānā. Kad lietotājs ar taustiņu Tab pārvietojas pa lapu, viņš sagaida, ka fokuss virzīsies kārtīgi no augšas uz leju un no kreisās uz labo — loģiski atbilstoši lasīšanas virzienam. Ja izvēlne, uznirstošais logs vai sānjosla ar CSS ir novietota citur ekrānā nekā tā pozīcija pirmkodā, fokusa lēciens kļūst redzams — tas vispirms pārvietojas uz leju, pēc tam atpakaļ uz augšu, tad uz pogu, kas vizuāli jau bija pagarām.

Bieža iemesla ir `tabindex` vērtība, kuru manuāli ir iestatīts uz ciparu, kas lielāks par nulli, tādejādi elementi tiek izņemti no dabiskās secības. Arī sīkdatņu joslas, dinamiski ielādēti filtri un modālie logi, kas pareizi nefokusē pozīciju, izraisa šo efektu — fokuss var pilnībā pazust no redzes lauka, aiz joslas vai zem atvērtas pārklāja. Lai pārbaudītu, vislabāk ir pašam navigēt caur pasūtījumu, izmantojot tikai tastatūru. kā pārbaudīt, vai tīmekļa veikals ir lietojams ar tastatūru apraksta, kā šis tests praktiski darbojas. Bieži izrādās, ka fokusa secība ir saistīta ar tiem pašiem elementiem, kas arī rada problēmas ar sīkdatņu joslām un uznirstošajiem lokiem, jo tie pirmie tiek novietoti pāri lapai.

Kur tas atrodas WCAG 2.1: kritērijs 2.4.3

Šī prasība atrodas WCAG 2.1 panākuma kritērijā 2.4.3, "Focus Order", kas prasa, lai elementu fokusa secības virziens saglabā lapas nozīmi un darbību. Tas ir A līmeņa kritērijs un tāpēc arī iekļauts AA līmenī, uz ko EN 301 549 praktiski attiecas. ACM pētījums par tīmekļa veikalu pieejamību parāda, ka šādu navigācijas problēmu praktiski bieži gadās un lietotāji tās uzskata par traucējošām. Automātiskā skenēšana var signalizēt, ja ir `tabindex` ar pozitīvu vērtību, bet tas, vai fokusa secība tiešam jūtas loģiska personai, kura lapa neredz, ir kaut kas, ko automatizēts pieejamības tests nevar pilnīgi noteikt — tas paliek atkarīgs no manuālas pārbaudes.