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

Γενικές πληροφορίες

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Η παρούσα ιστοσελίδα κάνει υλικό διαθέσιμο και μάλιστα δωρεάν. Ο σκοπός είναι η ενίσχυση των δημιουργών προσβάσιμων ιστοσελίδων στο έργο τους το οποίο είναι πραγματικά ιδιαίτερα δύσκολο.

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