γιατί κινείται ή κάνει άλματα ο δείκτης ή η εστίαση στον ιστότοπό μου

Η εστίαση κάνει άλματα λόγω της σειράς του πηγαίου κώδικα

Μια εστίαση που πηδά προς όλες τις κατευθύνσεις συνήθως προκύπτει επειδή η σειρά με την οποία τα στοιχεία εμφανίζονται στον πηγαίο κώδικα δεν ταιριάζει με τη σειρά με την οποία εμφανίζονται στην οθόνη. Όταν κάποιος περιηγείται σε μια σελίδα χρησιμοποιώντας το πλήκτρο Tab, αναμένει η εστίαση να κινείται ομαλά από πάνω προς τα κάτω και από αριστερά προς τα δεξιά — λογικά σύμφωνα με την κατεύθυνση ανάγνωσης. Εάν ένα μενού, ένα αναδυόμενο παράθυρο ή μια πλευρική γραμμή είναι τοποθετημένα μέσω CSS σε διαφορετικό σημείο της οθόνης από το σημείο όπου βρίσκεται το στοιχείο στον κώδικα, η εστίαση πηδά ορατά εδώ κι εκεί: πρώτα προς τα κάτω, μετά πάλι ανεβαίνει, μετά σε ένα κουμπί που είχε ήδη περάσει.

Μια συχνή αιτία είναι μια τιμή `tabindex` που έχει οριστεί χειροκίνητα σε έναν αριθμό μεγαλύτερο του μηδενός, που έλκει στοιχεία εκτός της φυσικής σειράς. Επίσης, τα banners cookies, τα φίλτρα που φορτώνονται δυναμικά και τα τροπικά παράθυρα που δεν διατηρούν σωστά την εστίαση προκαλούν αυτό το αποτέλεσμα — η εστίαση μπορεί να εξαφανιστεί ακόμη και πλήρως από την οθόνη, πίσω από το banner ή κάτω από ένα overlay που είναι ακόμη ανοικτό. Όποιος θέλει να δοκιμάσει αυτό κάνει καλύτερα να περπατήσει μόνος μέσα από την παραγγελία χρησιμοποιώντας μόνο το πληκτρολόγιο; πώς να δοκιμάσετε εάν ένα ηλεκτρονικό κατάστημα μπορεί να λειτουργήσει με το πληκτρολόγιο περιγράφει πώς λειτουργεί αυτή η δοκιμή στην πράξη. Συχνά η σειρά εστίασης συνδέεται με τα ίδια στοιχεία που προκαλούν επίσης προβλήματα με τα banners cookies και αναδυόμενα παράθυρα, επειδή αυτά τοποθετούνται πρώτα πάνω από τη σελίδα.

Πού βρίσκεται αυτό στο WCAG 2.1: κριτήριο 2.4.3

Αυτή η απαίτηση περιέχεται στο WCAG 2.1 κάτω από το κριτήριο επιτυχίας 2.4.3, "Focus Order", το οποίο απαιτεί ότι η σειρά με την οποία τα στοιχεία λαμβάνουν εστίαση διατηρεί την έννοια και τη λειτουργικότητα της σελίδας. Πρόκειται για κριτήριο επιπέδου Α, και επομένως αποτελεί επίσης μέρος του επιπέδου ΑΑ, στο οποίο καταλήγει στην πράξη το EN 301 549. Η έρευνα της ACM σχετικά με την προσβασιμότητα των ηλεκτρονικών καταστημάτων δείχνει ότι αυτά τα προβλήματα πλοήγησης συμβαίνουν συχνά στην πράξη και οι χρήστες τα βιώνουν ως ενοχλητικά. Ένας αυτοματοποιημένος σαρωτής μπορεί να υποδείξει εάν υπάρχει ένα `tabindex` με θετική τιμή, αλλά το εάν η σειρά εστίασης αισθάνεται πραγματικά λογική για κάποιον που δεν βλέπει τη σελίδα, είναι κάτι που ένας αυτοματοποιημένος έλεγχος προσβασιμότητας δεν μπορεί να εντοπίσει πλήρως — αυτό παραμένει εξαρτημένο από χειροκίνητη διέλευση.