de ce se deplasează cursorul sau focalizarea în jurul site-ului meu

Focus care sare în toate direcțiile din cauza ordinii codului sursă

Un focus care sare în toate direcțiile apare de obicei pentru că ordinea în care elementele apar în codul sursă nu corespunde cu ordinea în care sunt vizibile pe ecran. Atunci când cineva navighează printr-o pagină folosind tasta Tab, se așteaptă ca focus-ul să se deplaseze uniform de sus în jos și de la stânga la dreapta — logic conform direcției de citire. Dacă un meniu, o fereastră pop-up sau o bară laterală este poziționată prin CSS într-un alt loc pe ecran decât locul unde se află elementul în cod, focus-ul sare vizibil înainte și înapoi: mai întâi în jos, apoi din nou în sus, apoi la un buton care era deja vizibil trecerile.

O cauză frecventă este o valoare `tabindex` setată manual la un număr mai mare decât zero, ceea ce trage elementele din ordinea naturală. De asemenea, bannerele de cookie-uri, filtrele care sunt încărcate dinamic și ferestrele modale care nu rețin corect focus-ul produc acest efect — focus-ul poate dispărea chiar din vedere, ascuns în spatele bannerului sau sub o suprapunere care rămâne deschisă. Cei care doresc să testeze acest lucru pot face-o cel mai bine navigând singuri prin comenzi folosind doar tastatura. cum testezi dacă un magazin web poate fi operat din tastatură descrie cum funcționează testul în practică. De obicei, ordinea focus-ului este legată de aceleași elemente care creează, de asemenea, probleme cu bannerele de cookie-uri și ferestre pop-up, deoarece acestea sunt plasate ca primele deasupra paginii.

Unde se găsește aceasta în WCAG 2.1: criteriul 2.4.3

Această cerință se găsește în WCAG 2.1 sub succescriteriul 2.4.3, "Focus Order", care cere ca ordinea în care elementele primesc focus să păstreze înțelesul și utilizabilitatea paginii. Este un criteriu de nivel A și, prin urmare, face parte și din nivel AA, la care EN 301 549 se reduces în practică. Investigația ACM privind accesibilitatea magazinelor web arată că acest tip de probleme de navigație apar frecvent în practică și sunt percepute de utilizatori ca fiind deranjante. O scanare automată poate detecta dacă este prezentă o valoare `tabindex` pozitivă, dar dacă ordinea focus-ului se simte cu adevărat logică pentru cineva care nu vede pagina, este ceva ce un test automat de accesibilitate nu poate verifica complet — rămâne dependent de parcurgerea manuală.