kodėl žymeklis arba fokusas šokinėja po mano svetainę

Židiniu peršokimas atsiranda dėl šaltinio kodo tvarkos

Židiniu, kuris šokinėja į visas puses, paprastai atsirado dėl to, kad elementų tvarka šaltinio kode nesutampa su tvarka, kurią matote ekrane. Žmogus, kuris naršo po puslapį naudodamas Tab klavišą, tikisi, kad židiniu judės tvarkingai iš viršaus į apačią ir iš kairės į dešinę — logiška pagal skaitymosi kryptį. Jei meniu, iššokantis langas arba šoninė juosta per CSS yra perkelti kitur ekrane nei jų vieta šaltinio kode, židiniu gali peršokti iš vienos vietos į kitą: pirma žemyn, paskui vėl į viršų, o tada į mygtuką, kuris buvo jau peržiūrėtas.

Dažna priežastis yra `tabindex` reikšmė, kuri rankiniu būdu nustatyta į didesnę nei nulis reikšmę, dėl kurios elementai iš natūralios tvarkos ištraukiami. Slapukų juostos, dinamiškai įkeliami filtrai ir modaliųjų langų, kurie tinkamai nefiksavo židiniu, problemos taip pat sukelia šį efektą — židiniu kartais net išnyksta iš ekrano, pasislėpdamas po juosta arba po dar atviromis perdangomis. Norėdami tai patikrinti, geriausiai pasileisti per užsakymą naudodami tik klaviatūrą. kaip patikrinti, ar internetinė parduotuvė valdoma klaviatūra apibūdina, kaip šis testas veikia praktikoje. Dažnai pasirodo, kad židiniu tvarka yra susieta su tais pačiais elementais, kurie taip pat kelia problemas su slapukų juostomis ir iššokančiais langais, nes jie yra dedami virš puslapio pirmi.

Kur tai yra WCAG 2.1: kriterijus 2.4.3

Šis reikalavimas yra WCAG 2.1 sėkmės kriterijuje 2.4.3 "Focus Order", kuris reikalauja, kad tvarka, kuria elementai gauna židiniu, išsaugotų puslapio prasmę ir naudojimą. Tai yra A lygio kriterijus, taip pat ir AA lygio dalis, į kurią praktiškai atsiremia EN 301 549. ACM tyrimas dėl internetinių parduotuvių prieinamumo rodo, kad tokios navigacijos problemos praktikoje pasitaiko reguliariai ir yra patiriamos kaip nepatogios naudotojams. Automatinis skenavimas gali nustatyti, ar yra `tabindex` su teigiama reikšme, tačiau ar židiniu tvarka tikrai atrodo logiška žmogui, kuris puslapio nemato, yra tai, ką automatinis prieinamumo testas negali visiškai nustatyti — tai lieka rankinės peržiūros priklausomybė.