Τι πάει στραβά στη χρήση μόνο με πληκτρολόγιο
Το πιο συνηθισμένο λάθος στη χρήση μόνο με πληκτρολόγιο είναι ότι τα διαδραστικά στοιχεία είναι ορατά, αλλά δεν είναι προσβάσιμα με το πλήκτρο Tab. Σκεφτείτε ένα μενού που ανοίγει μόνο με κλικ ποντικιού, ένα κουμπί που δεν λαμβάνει εστίαση ή ένα αναδυόμενο παράθυρο που δεν μπορεί να κλείσει χωρίς ποντίκι. Για τα άτομα που δεν μπορούν να χρησιμοποιήσουν ποντίκι λόγω κινητικών περιορισμών ή που χρησιμοποιούν αναγνώστη οθόνης που λειτουργεί με πλοήγηση πληκτρολογίου, αυτό σημαίνει ότι ένα μέρος της ιστοσελίδας είναι απλώς αχρησιμοποίητο.
Η αιτία βρίσκεται σχεδόν πάντα σε προσαρμοσμένα στοιχεία: ένας προγραμματιστής δημιουργεί ένα όμορφο αναπτυσσόμενο μενού, έναν προσαρμοσμένο επιλογέα ημερομηνίας ή ένα αναδυόμενο φίλτρο με δικό HTML και JavaScript, αλλά ξεχνάει την υποστήριξη πληκτρολογίου που ένα τυπικό κουμπί ή σύνδεσμο HTML παίρνει δωρεάν. Το στοιχείο φαίνεται καλό και λειτουργεί με το ποντίκι, επομένως κανείς δεν παρατηρεί κατά τη διάρκεια των δοκιμών ότι το πλήκτρο Tab απλώς το παραλείπει.
Γιατί αυτό συχνά παραβλέπεται
Αυτό το λάθος είναι επίμονο επειδή δεν είναι ορατό με γυμνό μάτι. Όποιος κάνει κλικ σε ένα διαδικτυακό κατάστημα με ένα ποντίκι δεν βλέπει κάπου πρόβλημα. Μόνο όταν σκεφτείτε το ποντίκι και μετακινηθείτε στη σελίδα μόνο με Tab, Shift+Tab, Enter και τα πλήκτρα βέλους, γίνεται ορατό πού σταματά η πλοήγηση. Επειδή αυτή η δοκιμή σπάνια είναι μέρος ενός τυποποιημένου διαδικασίας παράδοσης, το πρόβλημα συχνά παραμένει ανεπιληπτο για χρόνια — μέχρι ένας επισκέπτης ή μια αρχή εποπτείας να το αντιμετωπίσει.
Ένας δεύτερος λόγος είναι ότι πολλές από αυτές τις ελλείψεις συμβαίνουν ακριβώς στα σημεία που είναι πιο ορατά κατά τη χρήση: το βήμα αγοράς, η οθόνη σύνδεσης, ένα φίλτρο αναζήτησης. Αυτά είναι ακριβώς τα στοιχεία που συχνά δημιουργούνται ξεχωριστά από την υπόλοιπη σελίδα, με ιδιόκτητα στοιχεία που δεν πάντα λαμβάνουν την ίδια προσοχή με την κύρια πλοήγηση.
Πώς το αναγνωρίζετε μόνοι σας
Ένας απλός πρώτος έλεγχος είναι να αφήσετε το ποντίκι και να περάσετε από μια ροή σελίδας χρησιμοποιώντας μόνο το πληκτρολόγιο. Προσέξτε τρία πράγματα: είναι κάθε κλικάρισμα στοιχείο προσβάσιμο μέσω Tab, είναι ανά πάσα στιγμή σαφές ποιο στοιχείο έχει εστίαση και μπορεί κάθε στοιχείο που ανοίγει — ένα μενού, ένα φίλτρο, ένα αναδυόμενο παράθυρο — να κλείσει και πάλι χωρίς ποντίκι. Εάν η εστίαση κολλήσει σε ένα αναδυόμενο παράθυρο, πηδήξει σε ένα απροσδόκητο μέρος ή εξαφανιστεί από το πεδίο όρασης, τότε αυτό είναι σημάδι ότι υπάρχει δουλειά να γίνει.
Ένας αυτοματοποιημένος έλεγχος μπορεί να εντοπίσει ορισμένα από αυτά τα προβλήματα, για παράδειγμα ελλείποντες δείκτες εστίασης ή στοιχεία χωρίς πρόσβαση πληκτρολογίου που είναι τεχνικά αναγνωρίσιμα στον πηγαίο κώδικα. Ωστόσο, εάν ένα αναπτυσσόμενο μενού μπορεί να χειριστεί επίσης λογικά και προβλέψιμα είναι κάτι που ένας έλεγχος δεν μπορεί να αξιολογήσει πλήρως — αυτό παραμένει στον πυρήνα του μια ανθρώπινη δοκιμή. Αυτό ισχύει για περισσότερες απαιτήσεις WCAG και το αναφέρουμε πάντα και στο αναφορά. ξεκινήστε τη δωρεάν γρήγορη σάρωση των σημαντικότερων σελίδων σας για να δείτε τι μέρος αυτών των προβλημάτων έρχεται ήδη αυτόματα στο φως.
Πώς το αποφεύγετε
Η λύση συνήθως δεν βρίσκεται σε επιπλέον τεχνολογία πάνω από την ιστοσελίδα, αλλά στη σωστή χρήση υπαρχόντων δομικών στοιχείων. Ένα τυπικό κουμπί ή σύνδεσμο HTML είναι φυσικά προσβάσιμο με Tab και λειτουργεί με Enter. όποιος κάνει αντί αυτού ένα κομμάτι κειμένου ή εικόνας κλικάρισμα με JavaScript, πρέπει να προσθέσει αυτή την υποστήριξη πληκτρολογίου μόνος του. Για προσαρμοσμένα στοιχεία όπως μενού, φίλτρα και αναδυόμενα παράθυρα, πρέπει να υπάρχει σαφής συμφωνία με τον προγραμματιστή: κάθε στοιχείο πρέπει να είναι δυνατό να ανοίξει, να χειριστεί και να κλείσει με το πληκτρολόγιο και η εστίαση πρέπει να παραμείνει ορατή και προβλέψιμη.
Ό,τι δεν βοηθά εδώ είναι ένα εργαλείο προσβασιμότητας που ισχυρίζεται ότι διορθώνει αυτού του είδους τα ελαττώματα με ένα ξεχωριστό σενάριο. Ένα τέτοιο overlay δεν αλλάζει τίποτα στον υποκείμενο κώδικα και επομένως δεν αλλάζει τίποτα στην πραγματική δυνατότητα χρήσης· ο κανονισμός ζητά μια προσβάσιμη ιστοσελίδα, όχι ένα επιπλέον στρώμα. Δεν πουλάμε σκόπιμα αυτού του είδους τα εργαλεία.
Θέλετε να μάθετε ποια τμήματα της ιστοσελίδας ή της εφαρμογής σας περιέχουν αυτού του είδους δομικά προβλήματα και πόσο βαρύ είναι το βάρος τους στη λίστα προτεραιοτήτων του σχεδίου βελτίωσής σας; Στη βάση γνώσης ταξινόμηση ανά θέμα διαβάζετε ανά τύπο ελαττώματος τι παίζει, και πώς ακριβώς δημιουργείται η αξιολόγησή μας βλέπετε ποιο μέρος αξιολογείται αυτόματα και ποιο απαιτεί χειροκίνητη προσοχή.
Έχετε ακόμη ερωτήσεις σχετικά με το τι περιλαμβάνεται και τι δεν περιλαμβάνεται στο πεδίο αυτής της απαίτησης, ή σχετικά με το υπόλοιπο πλαίσιο αξιολόγησης; Η απαντήσεις σε συχνές ερωτήσεις δίνουν στις περισσότερες απ' αυτές ήδη απάντηση.
Η δωρεάν γρήγορη αξιολόγηση του axessia.eu δίνει άμεσα μια ένδειξη του κατά πόσον αυτού του είδους τα προβλήματα πληκτρολογίου εμφανίζονται στην ιστοσελίδα σας, χωρίς να χρειάζεστε λογαριασμό.