Σημείο ελέγχου 1.3.1(b)HTML δομικά στοιχεία για λίστες

Τα δομικά στοιχεία HTML για λίστες (ul, ol και ούτω καθεξής) θα πρέπει να χρησιμοποιούνται για τη σήμανση λιστών στη σελίδα. Είναι αντικείμενο από το Σημείο ελέγχου 1.3.1(b) HTML δομικά στοιχεία για λίστες.

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

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

• Παράλειψη λιστών ή καταχωρήσεων λίστας (χρήστες αναγνώστη οθόνης).
• Οι λίστες μπορούν να αντιπροσωπεύουν επαρκώς ιεραρχικές δομές.

1. Εφαρμογή του σημείου ελέγχου

Το σημείο ελέγχου δηλ. Κριτήριο επιτυχίας 1.3.1(b), ισχύει εάν η σελίδα περιέχει στοιχεία που είναι λίστες σε εμφάνιση ή λειτουργία. Αυτό συμβαίνει συχνά με ιστότοπους που έχουν ως έμφαση την πληροφόρηση.

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

2. Έλεγχος

• Ανοίξτε τη σελίδα στον Firefox.
• Στο επιπρόσθετο Web Accessibility Toolbar επιλέξτε Structure > List Items.
• Ελέγξτε εάν όλες οι λίστες, συμπεριλαμβανομένων των μενού, επισημαίνονται με τα προβλεπόμενα HTML δομικά στοιχεία για λίστες (ul, ol, dl).
• Ελέγξτε εάν η σήμανση λιστών χρησιμοποιείται για στοιχεία που δεν είναι λίστες.

3. Σημειώσεις

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

Μπορείτε συνήθως να αναγνωρίσετε τις λίστες από τον τρόπο εμφάνισης τους στην οθόνη. Ξεχωρίζουν ξεκάθαρα από τις κανονικές ενότητες κειμένου; Συχνά έχουν εσοχές και οι καταχωρήσεις της λίστας συνήθως προηγούνται από κουκκίδες ή αριθμούς.

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

• Η ιχνηλάτηση "Εδώ βρισκόσαστε" στο επάνω μέρος της σελίδας. Εάν έχει επισημανθεί ως λίστα, χρειάζεται μια (πιθανώς κρυφή) επικεφαλίδα όπως "Διαδρομή σελίδας", "Εδώ βρισκόσαστε", ή "Διαδρομή πλοήγησης", ώστε οι χρήστες του προγράμματος ανάγνωσης οθόνης να μπορούν να τα ξεχωρίζουν από άλλα μενού.
• Η οριζόντια επιλογή σελίδας (μενού περιήγησης) στο κεφάλι και το πόδι, για παράδειγμα για άρθρα πολλών σελίδων.
• Γραμμές επιλογής με σειριακές εγγραφές, όπως αλφαβητικά λήμματα (Α-Ω) σε γλωσσάρια ή γραμμή επιλογής με έτη.
• Ομάδες διαφορετικών τύπων συνδέσμων με τρία ή λιγότερα στοιχεία στο υποσέλιδο. Για παράδειγμα, "Νομικά" και "Όροι χρήσης".

4. Αξιολόγηση

• Όλες οι λίστες, συμπεριλαμβανομένων των μενού, επισημαίνονται με HTML δομικά στοιχεία για λίστες που κάνει η γλώσσα διαθέσιμα.

• Τα μενού δεν επισημαίνονται με HTML δομικά στοιχεία για λίστες.
• Η διαδρομή σελίδας (ιχνηλάτηση ή breadcrumb) επισημαίνεται ως λίστα, αλλά δεν έχει επικεφαλίδα.

Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.0

• Guideline 1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure
• Guideline 2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are

• 1.3.1 Info and Relationships (Level A)
• 2.4.1 Bypass Blocks (Level A)

• G115: Using semantic elements to mark up structure
• G140: Separating information and structure from presentation to enable different presentations

• H48: Using ol, ul and dl for lists

• SCR28: Using an expandable and collapsible menu to bypass block of content

• F2: Failure of Success Criterion 1.3.1 due to using changes in text presentation to convey information without using the appropriate markup or text
• F43: Failure of Success Criterion 1.3.1 due to using structural markup in a way that does not represent relationships in the content

Πηγές

Οι ταξινομημένες λίστες βοηθούν τους μη οπτικούς χρήστες να πλοηγηθούν. Οι μη οπτικοί χρήστες μπορεί να "χαθούν" σε λίστες, ειδικά σε ένθετες λίστες και σε εκείνες που δεν υποδεικνύουν το συγκεκριμένο επίπεδο φωλιάς για κάθε στοιχείο λίστας. Έως ότου οι πράκτορες χρήστη παρέχουν ένα μέσο για τον ξεκάθαρο προσδιορισμό του πλαισίου της λίστας (π.χ. υποστηρίζοντας το ψευδοστοιχείο «:before» στο CSS2), οι προγραμματιστές περιεχομένου θα πρέπει να περιλαμβάνουν ενδείξεις με βάση τα συμφραζόμενα στις λίστες τους.

Για τις αριθμημένες λίστες, οι σύνθετοι αριθμοί είναι πιο ενημερωτικοί από τους απλούς αριθμούς. Έτσι, μια λίστα με αριθμό "1, 1.1, 1.2, 1.2.1, 1.3, 2, 2.1," παρέχει περισσότερο πλαίσιο από την ίδια λίστα χωρίς σύνθετους αριθμούς.

Τα μενού που έχουν σχεδιαστεί με γραφικά κειμένου πρέπει επίσης να επισημαίνονται ως λίστες;

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

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