Λίστα ελέγχου WCAG 2.2: Όλα τα 86 κριτήρια επιτυχίας εξηγημένα

Αυτή η λίστα ελέγχου καλύπτει κάθε κριτήριο επιτυχίας στο WCAG 2.2, οργανωμένα ανά τις τέσσερις αρχές POUR και τις δεκατρείς οδηγίες. Κάθε κριτήριο περιλαμβάνει το επίπεδο συμμόρφωσης, πρακτική εξήγηση και καθοδήγηση εφαρμογής.

Αρχή 1: Αντιληπτό

Οι πληροφορίες και τα στοιχεία διεπαφής πρέπει να μπορούν να παρουσιαστούν στους χρήστες με τρόπους που μπορούν να αντιληφθούν.

Οδηγία 1.1: Εναλλακτικά κειμένου

1.1.1 Μη κειμενικό περιεχόμενο (επίπεδο A) — Κάθε μη κειμενικό περιεχόμενο έχει εναλλακτικό κείμενο που εξυπηρετεί ισοδύναμο σκοπό.

Οδηγία 1.2: Χρονικά βασισμένα μέσα

1.2.1 Μόνο ήχος και μόνο βίντεο — προ-εγγεγραμμένο (επίπεδο A) — Παρέχετε μεταγραφή για ηχητικό περιεχόμενο και μεταγραφή ή ακουστική περιγραφή για βίντεο χωρίς ήχο.

1.2.2 Υπότιτλοι — προ-εγγεγραμμένο (επίπεδο A) — Παρέχετε συγχρονισμένους υπότιτλους για κάθε προ-εγγεγραμμένο βίντεο με ήχο.

1.2.3 Ακουστική περιγραφή ή εναλλακτικό μέσων (επίπεδο A) — Παρέχετε ακουστική περιγραφή ή πλήρες εναλλακτικό κείμενο.

1.2.4 Υπότιτλοι — ζωντανά (επίπεδο AA) — Παρέχετε υπότιτλους πραγματικού χρόνου για ζωντανό ηχητικό περιεχόμενο.

1.2.5 Ακουστική περιγραφή — προ-εγγεγραμμένο (επίπεδο AA) — Παρέχετε ακουστική περιγραφή για κάθε βίντεο όπου σημαντική πληροφορία δεν μεταφέρεται μέσω ήχου.

Οδηγία 1.3: Προσαρμόσιμο

1.3.1 Πληροφορίες και σχέσεις (επίπεδο A) — Πληροφορίες, δομή και σχέσεις μπορούν να προσδιοριστούν προγραμματικά.

1.3.2 Ουσιαστική σειρά (επίπεδο A) — Η σωστή σειρά ανάγνωσης μπορεί να προσδιοριστεί προγραμματικά.

1.3.3 Αισθητηριακά χαρακτηριστικά (επίπεδο A) — Οι οδηγίες δεν βασίζονται αποκλειστικά σε αισθητηριακά χαρακτηριστικά.

1.3.4 Προσανατολισμός (επίπεδο AA) — Το περιεχόμενο δεν περιορίζεται σε μονό προσανατολισμό οθόνης.

1.3.5 Ταυτοποίηση σκοπού εισαγωγής (επίπεδο AA) — Ο σκοπός πεδίων φόρμας μπορεί να προσδιοριστεί μέσω autocomplete.

Οδηγία 1.4: Διακριτό

1.4.1 Χρήση χρώματος (επίπεδο A) — Το χρώμα δεν χρησιμοποιείται ως μοναδικό οπτικό μέσο μετάδοσης πληροφοριών.

1.4.2 Έλεγχος ήχου (επίπεδο A) — Αν ήχος αναπαράγεται αυτόματα πάνω από τρία δευτερόλεπτα, παρέχεται μηχανισμός ελέγχου.

1.4.3 Αντίθεση — ελάχιστη (επίπεδο AA) — Κείμενο και εικόνες κειμένου έχουν αναλογία αντίθεσης τουλάχιστον 4,5:1.

1.4.4 Αλλαγή μεγέθους κειμένου (επίπεδο AA) — Το κείμενο μπορεί να μεγεθυνθεί έως 200% χωρίς απώλεια.

1.4.5 Εικόνες κειμένου (επίπεδο AA) — Χρησιμοποιείται πραγματικό κείμενο αντί εικόνων κειμένου.

1.4.10 Αναδίπλωση (επίπεδο AA) — Περιεχόμενο χωρίς απώλεια σε πλάτος 320 CSS pixels.

1.4.11 Αντίθεση μη κειμενικών στοιχείων (επίπεδο AA) — Στοιχεία διεπαφής και γραφικά αντικείμενα έχουν αναλογία 3:1.

1.4.12 Αποστάσεις κειμένου (επίπεδο AA) — Δεν υπάρχει απώλεια όταν οι χρήστες ρυθμίζουν ύψος γραμμής, αποστάσεις παραγράφων, γραμμάτων και λέξεων.

1.4.13 Περιεχόμενο σε hover ή εστίαση (επίπεδο AA) — Πρόσθετο περιεχόμενο που εμφανίζεται σε hover/εστίαση είναι απορριπτέο, hoverable και σταθερό.

Αρχή 2: Λειτουργήσιμο

Οδηγία 2.1: Προσβασιμότητα πληκτρολογίου

2.1.1 Πληκτρολόγιο (επίπεδο A) — Κάθε λειτουργία είναι εκτελέσιμη μέσω πληκτρολογίου.

2.1.2 Χωρίς παγίδα πληκτρολογίου (επίπεδο A) — Η εστίαση μπορεί πάντα να μετακινηθεί μακριά.

2.1.4 Συντομεύσεις χαρακτήρων (επίπεδο A) — Συντομεύσεις μόνο χαρακτήρων μπορούν να απενεργοποιηθούν ή να αναπροσδιοριστούν.

Οδηγία 2.2: Επαρκής χρόνος

2.2.1 Ρυθμιζόμενος χρονισμός (επίπεδο A) — Χρονικά όρια μπορούν να απενεργοποιηθούν, να ρυθμιστούν ή να παραταθούν.

2.2.2 Παύση, διακοπή, απόκρυψη (επίπεδο A) — Κινούμενο περιεχόμενο μπορεί να σταματήσει.

Οδηγία 2.3: Κρίσεις

2.3.1 Τρεις αναλαμπές ή κάτω από το όριο (επίπεδο A) — Τίποτα δεν αναβοσβήνει πάνω από τρεις φορές ανά δευτερόλεπτο.

Οδηγία 2.4: Πλοηγήσιμο

2.4.1 Παράκαμψη μπλοκ (επίπεδο A) — Μηχανισμός παράκαμψης επαναλαμβανόμενων μπλοκ.

2.4.2 Τίτλος σελίδας (επίπεδο A) — Οι σελίδες έχουν τίτλους που περιγράφουν θέμα ή σκοπό.

2.4.3 Σειρά εστίασης (επίπεδο A) — Τα στοιχεία λαμβάνουν εστίαση σε λογική σειρά.

2.4.4 Σκοπός συνδέσμου — στο πλαίσιο (επίπεδο A) — Ο σκοπός κάθε συνδέσμου προσδιορίζεται από το κείμενο ή το πλαίσιο.

2.4.5 Πολλαπλοί τρόποι (επίπεδο AA) — Διαθέσιμοι πάνω από ένας τρόποι εύρεσης σελίδας.

2.4.6 Επικεφαλίδες και ετικέτες (επίπεδο AA) — Οι επικεφαλίδες και ετικέτες περιγράφουν θέμα ή σκοπό.

2.4.7 Ορατή εστίαση (επίπεδο A) — Κάθε στοιχείο πληκτρολογίου έχει ορατό δείκτη εστίασης.

2.4.11 Εστίαση μη κρυφή — ελάχιστη (επίπεδο AA) — Εστιασμένο στοιχείο δεν κρύβεται πλήρως. (Νέο στο WCAG 2.2)

2.4.12 Εστίαση μη κρυφή — εκτεταμένη (επίπεδο AAA) — Κανένα τμήμα του δείκτη εστίασης δεν κρύβεται. (Νέο στο WCAG 2.2)

2.4.13 Εμφάνιση εστίασης (επίπεδο AAA) — Δείκτες εστίασης με επαρκές μέγεθος και αντίθεση. (Νέο στο WCAG 2.2)

Οδηγία 2.5: Τρόποι εισαγωγής

2.5.1 Χειρονομίες δείκτη (επίπεδο A) — Εναλλακτική μονού σημείου για σύνθετες χειρονομίες.

2.5.2 Ακύρωση δείκτη (επίπεδο A) — Ενέργεια ενεργοποιείται στο up-event και μπορεί να ακυρωθεί.

2.5.3 Ετικέτα στο όνομα (επίπεδο A) — Το προσβάσιμο όνομα περιέχει το οπτικό κείμενο.

2.5.4 Ενεργοποίηση κίνησης (επίπεδο A) — Λειτουργίες κίνησης διαθέσιμες και μέσω διεπαφής.

2.5.7 Χειρονομίες σύρσης (επίπεδο AA) — Εναλλακτική μονού σημείου για σύρσιμο. (Νέο στο WCAG 2.2)

2.5.8 Μέγεθος στόχου — ελάχιστο (επίπεδο AA) — Στόχοι τουλάχιστον 24x24 CSS pixels. (Νέο στο WCAG 2.2)

Αρχή 3: Κατανοητό

Οδηγία 3.1: Αναγνώσιμο

3.1.1 Γλώσσα σελίδας (επίπεδο A) — Η γλώσσα μπορεί να προσδιοριστεί μέσω lang.

3.1.2 Γλώσσα τμημάτων (επίπεδο AA) — Η γλώσσα κάθε τμήματος μπορεί να προσδιοριστεί.

Οδηγία 3.2: Προβλέψιμο

3.2.1 Κατά την εστίαση (επίπεδο A) — Η εστίαση δεν προκαλεί αλλαγή πλαισίου.

3.2.2 Κατά την εισαγωγή (επίπεδο A) — Αλλαγή ρυθμίσεων δεν προκαλεί αυτόματη αλλαγή πλαισίου.

3.2.3 Συνεπής πλοήγηση (επίπεδο AA) — Μηχανισμοί πλοήγησης σε σταθερή σειρά.

3.2.6 Συνεπής βοήθεια (επίπεδο A) — Μηχανισμοί βοήθειας σε σταθερή θέση. (Νέο στο WCAG 2.2)

Οδηγία 3.3: Βοήθεια εισαγωγής

3.3.1 Αναγνώριση σφάλματος (επίπεδο A) — Σφάλματα αναγνωρίζονται και περιγράφονται σε κείμενο.

3.3.2 Ετικέτες ή οδηγίες (επίπεδο A) — Ετικέτες ή οδηγίες παρέχονται για εισαγωγή.

3.3.3 Πρόταση σφάλματος (επίπεδο AA) — Προτάσεις διόρθωσης δίνονται όταν γνωστές.

3.3.4 Πρόληψη σφαλμάτων — νομικά, οικονομικά (επίπεδο AA) — Υποβολές αναστρέψιμες, ελεγχόμενες ή επιβεβαιώσιμες.

3.3.7 Πλεονάζουσα εισαγωγή (επίπεδο A) — Προηγούμενα εισαχθείσες πληροφορίες διαθέσιμες αυτόματα. (Νέο στο WCAG 2.2)

3.3.8 Προσβάσιμη ταυτοποίηση — ελάχιστη (επίπεδο AA) — Δεν απαιτείται γνωστική δοκιμασία για ταυτοποίηση. (Νέο στο WCAG 2.2)

3.3.9 Προσβάσιμη ταυτοποίηση — εκτεταμένη (επίπεδο AAA) — Όπως 3.3.8 χωρίς εξαίρεση αναγνώρισης αντικειμένων. (Νέο στο WCAG 2.2)

Αρχή 4: Εύρωστο

Οδηγία 4.1: Συμβατό

4.1.2 Όνομα, ρόλος, τιμή (επίπεδο A) — Για κάθε στοιχείο διεπαφής, όνομα και ρόλος μπορούν να προσδιοριστούν προγραμματικά.

4.1.3 Μηνύματα κατάστασης (επίπεδο AA) — Μηνύματα κατάστασης μπορούν να παρουσιαστούν χωρίς λήψη εστίασης.

Σημείωση: Το SC 4.1.1 Parsing αφαιρέθηκε από το WCAG 2.2 ως παρωχημένο.

Πρόσθετα κριτήρια επιπέδου AAA

Τα ακόλουθα κριτήρια AAA αντιπροσωπεύουν το υψηλότερο επίπεδο προσβασιμότητας: 1.2.6 Νοηματική γλώσσα, 1.2.7 Εκτεταμένη ακουστική περιγραφή, 1.2.8 Εναλλακτικό μέσων, 1.2.9 Ζωντανός ήχος, 1.3.6 Ταυτοποίηση σκοπού, 1.4.6 Ενισχυμένη αντίθεση 7:1, 1.4.7 Χαμηλός ήχος φόντου, 1.4.8 Οπτική παρουσίαση, 1.4.9 Εικόνες κειμένου χωρίς εξαίρεση, 2.1.3 Πληκτρολόγιο χωρίς εξαίρεση, 2.2.3 Χωρίς χρονισμό, 2.2.4 Διακοπές, 2.2.5 Εκ νέου ταυτοποίηση, 2.2.6 Timeouts, 2.3.2 Τρεις αναλαμπές, 2.3.3 Animation αλληλεπιδράσεων, 2.4.8 Τοποθεσία, 2.4.9 Σκοπός συνδέσμου μόνο σύνδεσμος, 2.4.10 Επικεφαλίδες ενοτήτων, 2.5.5 Μέγεθος στόχου εκτεταμένο 44x44, 2.5.6 Ταυτόχρονοι μηχανισμοί εισαγωγής, 3.1.3 Ασυνήθιστες λέξεις, 3.1.4 Συντομογραφίες, 3.1.5 Επίπεδο ανάγνωσης, 3.1.6 Προφορά, 3.2.4 Συνεπής ταυτοποίηση, 3.2.5 Αλλαγή κατ' απαίτηση, 3.3.5 Βοήθεια, 3.3.6 Πρόληψη σφαλμάτων — όλα.