#Παράδειγμα 4/8: πλοήγηση ιστοτόπου

Εισαγωγικές σημειώσεις

Σκοπός της κατευθυντήριας γραμμής "2.4 Πλοήγηση" είναι να βοηθήσει τους χρήστες να εντοπίσουν σύντομα το περιεχόμενο που αναζητούν. Αλλά και να τους επιτρέψει να εντοπίζουν την τρέχουσα θέση τους. Αυτές οι εργασίες είναι συχνά πιο δύσκολες για άτομα με ειδικές ανάγκες (ΑμεΑ).

Τώρα, τα προγράμματα ανάγνωσης οθόνης μετατρέπουν περιεχόμενο σε συνθετική ομιλία, το οποίο είναι ήχος και πρέπει να παρουσιάζεται σε γραμμική σειρά. Ασυνήθιστα χαρακτηριστικά διασύνδεσης χρήστη ή συμπεριφορές ενδέχεται να προκαλέσουν σύγχυση σε άτομα με νοητικές αναπηρίες.

Η πλοήγηση έχει δύο κύριες λειτουργίες

  • Να ενημερώνει τον χρήστη για το σημείο που βρίσκεται.
  • Να επιτρέπει στον χρήστη να μεταβεί σε οποιοδήποτε άλλο σημείο.

Συνεπή μενού πλοήγησης

Σημείωση 1: Τα μενού πλοήγησης που επαναλαμβάνονται σε ιστοσελίδες πρέπει να παρουσιάζονται με την ίδια σχετική σειρά κάθε φορά που εμφανίζονται. Επίσης, δεν πρέπει να αλλάζουν σειρά κατά την πλοήγηση στον ιστότοπο. Σχετίζεται με το κριτήριο επιτυχίας 3.2.3 Συνεπής πλοήγηση (Επίπεδο AA) Σημείωση 2: Ορισμένοι μηχανισμοί βοήθειας που επαναλαμβάνονται σε πολλές ιστοσελίδες πρέπει να εμφανίζονται με την ίδια σχετική σειρά σε σχέση με άλλο περιεχόμενο της σελίδας. Εκτός εάν ξεκινήσει μια αλλαγή από τον χρήστη. Σχετίζεται με το κριτήριο επιτυχίας 3.2.6 (WCAG 2.2) Εξωτερικός σύνδεσμος στα Αγγλικά

Εναλλακτικές διαδρομές πρόσβασης

Λίστες πλοήγησης

  • Μια λίστα πλοήγησης πρέπει να ορίζεται με το στοιχείο <nav> της HTML ή με σήμανση της ARIA role="navigation".
  • Μια λίστα πλοήγησης πρέπει να περιλαμβάνει μια ορατή μέθοδο ενημέρωσης των χρηστών ποια σελίδα στη λίστα πλοήγησης είναι η τρέχουσα. Για παράδειγμα, κείμενο όπως "Εδώ βρισκόσαστε".
  • Μια λίστα πλοήγησης πρέπει να περιλαμβάνει μια μέθοδο η οποία είναι διαθέσιμη για υποστηρικτικές τεχνολογίες. Έτσι, θα είναι δυνατόν να ενημερώση τους μη οπτικούς χρήστες ποια σελίδα στη λίστα πλοήγησης είναι η τρέχουσα.

Παράδειγμα για πλοήγηση ιστοτόπου

Το παράδειγμα πλοήγηση ιστοτόπου μοιάζει σαν δέντρο και να λειτουργεί ανάλογα, αλλά δεν είναι δέντρο ARIA (role="tree"). Επίσης, δεν έχει τις ίδιες συμπεριφορές πληκτρολογίου όπως ένα δέντρο ARIA. Σε αυτό το παράδειγμα, όλοι οι κόμβοι μπορούν να πλοηγηθούν με το πλήκτρο tab ⭾ . Τώρα, στα δέντρα ARIA, μόνο ένας κόμβος είναι διαθέσιμος στο πλήκτρο tab ⭾ , ενώ για πλοήγηση μέσα στο δέντρο χρησιμοποιούνται τα πλήκτρα βέλους [π.χ. → / ↓ ].

Αυτό το παράδειγμα είναι πιο απλό. Αποτελείται από φωλιασμένες λίστες με κουμπιά επέκτασης/σύμπτυξης για την εμφάνιση ή απόκρυψη των φωλιασμένων στοιχείων. Επίσης, χρησιμοποιούνται τυπικοί σύνδεσμοι της HTML για τους τελευταίους κόμβους του μενού.

Παρόλο που είναι δυνατή η δημιουργία ενός μενού πλοήγησης χρησιμοποιώντας ένα δέντρο ARIA (role="tree"), τα δέντρα ARIA δεν υποστηρίζονται ακόμη πλήρως από όλα τα προγράμματα ανάγνωσης οθόνης. Επειδή η πλοήγηση στον ιστότοπο είναι τόσο σημαντική για τη βασική λειτουργία του ιστοτόπου, η χρήση δέντρων ARIA για πλοήγηση δε συνιστάται επί του παρόντος.

Μενού ιεραρχικής πλοήγησης ("επέκταση/σύμπτυξη" του μενού)

Κατέβασμα των πόρων

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

Τώρα, η παρούσα ιστοσελίδα κάνει υλικό διαθέσιμο και μάλιστα δωρεάν. Ο σκοπός είναι η ενίσχυση των δημιουργών προσβάσιμων ιστοσελίδων στο έργο τους το οποίο είναι πραγματικά ιδιαίτερα δύσκολο. Αυτές τις τεχνικές που παρουσιάζουμε είναι βασικές για τη διαφοροποίηση της κατασκευής και την εξυπηρέτηση χρηστών με ειδικές ανάγκες [ΑμεΑ]. Ακολουθεί ο σύνδεσμος για το κατέβασμα των πόρων για την πλοήγηση ιστοτόπου. Κατέβασμα των πόρων για την πλοήγηση ιστοτόπου. Σε μορφή ZIP