WCAG 2.1 έναντι 2.2: Τι Άλλαξε και Γιατί Έχει Σημασία

Το WCAG 2.2 έγινε Σύσταση της W3C τον Οκτώβριο του 2023. Αν ο ιστότοπός σας ελέγχθηκε ως προς το WCAG 2.1, ενδέχεται να αποτυγχάνει ήδη σε κριτήρια που πλέον ορίζουν τη νομική συμμόρφωση στην ΕΕ, στο Ηνωμένο Βασίλειο και όλο και περισσότερο στις αμερικανικές δράσεις επιβολής. Αυτός ο οδηγός εξετάζει κάθε αλλαγή — τι προστέθηκε, τι αφαιρέθηκε και τι σημαίνει στην πράξη κάθε κριτήριο.

Σύντομο υπόβαθρο: Τι πρόσθεσε το WCAG 2.1

Το WCAG 2.1 (δημοσιεύθηκε το 2018) επέκτεινε το αρχικό πρότυπο 2.0 με 17 νέα κριτήρια επιτυχίας, εστιασμένα σε τρεις ομάδες που εξυπηρετούνταν ανεπαρκώς:

Χρήστες κινητών συσκευών — χειρονομίες αφής, προσανατολισμός οθόνης, ακρίβεια δείκτη
Χρήστες με χαμηλή όραση — αναδιάταξη περιεχομένου, αντίθεση μη κειμενικών στοιχείων, απόσταση κειμένου
Γνωστικές και γλωσσικές αναπηρίες — χρονικά όρια, μηνύματα κατάστασης

Το WCAG 2.2 βασίζεται απευθείας στο 2.1. Κάθε απαίτηση του 2.1 εξακολουθεί να ισχύει. Το ερώτημα είναι: τι πρόσθεσε το 2.2 από πάνω;

Τι πρόσθεσε το WCAG 2.2: 9 νέα κριτήρια επιτυχίας

2.4.11 Focus Not Obscured (Minimum) — Επίπεδο AA

Όταν ένα component λαμβάνει εστίαση πληκτρολογίου, δεν πρέπει να κρύβεται εξ ολοκλήρου από άλλο περιεχόμενο (σταθερές κεφαλίδες, banner cookie, widget συνομιλίας). Τουλάχιστον ένα μέρος του εστιασμένου στοιχείου πρέπει να παραμένει ορατό.

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

2.4.12 Focus Not Obscured (Enhanced) — Επίπεδο AAA

Αυστηρότερη εκδοχή του 2.4.11 — το εστιασμένο component πρέπει να είναι πλήρως ορατό, όχι απλώς μερικώς.

2.4.13 Focus Appearance — Επίπεδο AA

Οι δείκτες εστίασης πληκτρολογίου πρέπει να πληρούν ελάχιστα κατώφλια μεγέθους και αντίθεσης:

Η περιοχή του δείκτη εστίασης πρέπει να είναι τουλάχιστον τόσο μεγάλη όσο μια περίμετρος 2 CSS pixel γύρω από το component
Η αντίθεση μεταξύ της εστιασμένης και της μη εστιασμένης κατάστασης πρέπει να είναι τουλάχιστον 3:1

Αυτό προχωρά πιο πέρα από το υφιστάμενο 2.4.7 (Focus Visible), το οποίο απαιτούσε μόνο να υπάρχει κάποιος δείκτης εστίασης.

Συνήθης αστοχία: Ένα λεπτό διάστικτο περίγραμμα 1px με χαμηλή αντίθεση περνά το 2.4.7 αλλά αποτυγχάνει στο 2.4.13.

2.5.7 Dragging Movements — Επίπεδο AA

Κάθε ενέργεια που απαιτεί σύρσιμο πρέπει να είναι εφικτή και με έναν μόνο δείκτη (πάτημα ή κλικ). Αυτό εξυπηρετεί τους χρήστες με κινητικές αναπηρίες που δεν μπορούν να ελέγξουν αξιόπιστα τις ενέργειες συρσίματος.

Παράδειγμα: Μια λίστα με δυνατότητα ταξινόμησης πρέπει να προσφέρει εναλλακτική (όπως κουμπιά πάνω/κάτω) για τους χρήστες που δεν μπορούν να σύρουν στοιχεία.

2.5.8 Target Size (Minimum) — Επίπεδο AA

Οι διαδραστικοί στόχοι (κουμπιά, σύνδεσμοι, στοιχεία ελέγχου φόρμας) πρέπει να έχουν μέγεθος τουλάχιστον 24×24 CSS pixel — ή να διαθέτουν επαρκή απόσταση από τους γειτονικούς στόχους ώστε η συνολική περιοχή ενεργοποίησης να πληροί το κατώφλι.

Αυτή είναι η ελάχιστη εκδοχή. Το ενισχυμένο κριτήριο (2.5.5, που μεταφέρθηκε από το 2.1 στο Επίπεδο AAA) συνιστά 44×44px.

Συνήθεις αστοχίες: Κουμπιά μόνο με εικονίδιο, εικονίδια κλεισίματος (×) και ενσωματωμένοι σύνδεσμοι κειμένου σε πυκνά μενού πλοήγησης.

3.2.6 Consistent Help — Επίπεδο A

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

3.3.7 Redundant Entry — Επίπεδο A

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

Παράδειγμα: Μια διαδικασία ολοκλήρωσης αγοράς πολλών βημάτων δεν θα πρέπει να ζητά τη διεύθυνση χρέωσης στο βήμα 3 αν ο χρήστης την έχει ήδη εισαγάγει στο βήμα 1.

3.3.8 Accessible Authentication (Minimum) — Επίπεδο AA

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

Συνήθεις αστοχίες: CAPTCHA που απαιτούν την αναγνώριση παραμορφωμένου κειμένου χωρίς ηχητική εναλλακτική, ή δοκιμασίες τύπου «κάντε κλικ σε όλες τις εικόνες με φανάρια».

3.3.9 Accessible Authentication (Enhanced) — Επίπεδο AAA

Η ενισχυμένη εκδοχή καταργεί ακόμη και την εξαίρεση για περιεχόμενο που ελέγχει ο χρήστης. Καμία δοκιμασία γνωστικής λειτουργίας δεν επιτρέπεται στη ροή ταυτοποίησης.

Τι αφαίρεσε το WCAG 2.2: το 4.1.1 Parsing

Το WCAG 2.1 περιλάμβανε το 4.1.1 Parsing (Επίπεδο A), το οποίο απαιτούσε καλά σχηματισμένο HTML — μοναδικά αναγνωριστικά στοιχείων, σωστά ένθετες ετικέτες και πλήρη ζεύγη ετικετών έναρξης/λήξης. Τα σύγχρονα προγράμματα περιήγησης είχαν γίνει τόσο ικανά στη σιωπηλή διόρθωση κακοσχηματισμένου HTML, ώστε το κριτήριο έγινε πρακτικά μη μετρήσιμο.

Στο WCAG 2.2, το 4.1.1 Parsing χαρακτηρίζεται παρωχημένο και θεωρείται πάντοτε ικανοποιημένο. Δεν χρειάζεται πλέον να το ελέγχετε, αν και η συγγραφή καθαρού HTML παραμένει βέλτιστη πρακτική.

Συνοπτικός πίνακας

Κριτήριο	Επίπεδο	Θέμα
2.4.11 Focus Not Obscured (Min)	AA	Εστίαση πληκτρολογίου
2.4.12 Focus Not Obscured (Enhanced)	AAA	Εστίαση πληκτρολογίου
2.4.13 Focus Appearance	AA	Δείκτης εστίασης
2.5.7 Dragging Movements	AA	Είσοδος με δείκτη
2.5.8 Target Size (Minimum)	AA	Στόχοι αφής
3.2.6 Consistent Help	A	Προβλεψιμότητα
3.3.7 Redundant Entry	A	Φόρμες
3.3.8 Accessible Authentication (Min)	AA	Σύνδεση / CAPTCHA
3.3.9 Accessible Authentication (Enhanced)	AAA	Σύνδεση / CAPTCHA
~~4.1.1 Parsing~~	A	Αφαιρέθηκε

Ποιος πρέπει να αναβαθμίσει;

Πρακτικά όλοι. Το WCAG 2.2 αποτελεί πλέον τη βάση στην οποία παραπέμπουν:

Η Ευρωπαϊκή Πράξη για την Προσβασιμότητα (EAA), σε ισχύ από τον Ιούνιο του 2025
Το εναρμονισμένο πρότυπο EN 301 549 (ενημερωμένο ώστε να παραπέμπει στο WCAG 2.2)
Οι βρετανικοί κανονισμοί προσβασιμότητας φορέων του δημόσιου τομέα (ενημερωμένη καθοδήγηση)
Πολλοί πολιτειακοί νόμοι των ΗΠΑ και άτυπες θέσεις επιβολής του Υπουργείου Δικαιοσύνης

Αν ο τελευταίος πλήρης έλεγχός σας έγινε ως προς το WCAG 2.1 AA, εστιάστε την προσπάθεια αναβάθμισης σε αυτά τα πέντε κριτήρια που επηρεάζουν τους περισσότερους ιστότοπους: 2.4.11, 2.4.13, 2.5.8, 3.3.8 και 3.3.7 (αν έχετε φόρμες ή διαδικασίες αγοράς πολλών βημάτων).

Πώς να ελέγξετε τα νέα κριτήρια

Οι περισσότεροι αυτοματοποιημένοι σαρωτές επισημαίνουν πλέον το 2.5.8 (μέγεθος στόχου) και μερικές περιπτώσεις του 2.4.13 (εμφάνιση εστίασης). Ωστόσο, τα ακόλουθα απαιτούν χειροκίνητο έλεγχο:

2.4.11 / 2.4.12 — Μετακινηθείτε με Tab σε κάθε σελίδα με ενεργές σταθερές κεφαλίδες/υποσέλιδα και επιβεβαιώστε ότι τα εστιασμένα στοιχεία είναι ορατά
2.4.13 — Μετρήστε τις διαστάσεις και την αντίθεση του δείκτη εστίασης με τα DevTools του προγράμματος περιήγησης ή με έναν ελεγκτή αντίθεσης
2.5.7 — Εντοπίστε κάθε αλληλεπίδραση συρσίματος και επαληθεύστε ότι υπάρχει εναλλακτική μόνο με δείκτη
3.2.6 — Ελέγξτε ότι οι σύνδεσμοι βοήθειας εμφανίζονται σε συνεπείς θέσεις σε όλες τις σελίδες
3.3.7 — Διατρέξτε όλες τις ροές πολλών βημάτων και επιβεβαιώστε ότι κανένα δεδομένο δεν ζητείται δύο φορές
3.3.8 — Ελέγξτε κάθε βήμα σύνδεσης, εγγραφής και επαλήθευσης για δοκιμασίες γνωστικής λειτουργίας

Το WCAG 2.2 δεν είναι ολικός επανασχεδιασμός — είναι ένα στοχευμένο σύνολο προσθηκών που αντιμετωπίζουν πραγματικά εμπόδια τα οποία το 2.1 δεν κάλυπτε. Τα καλά νέα είναι ότι τα περισσότερα από τα νέα κριτήρια AA μπορούν να επιλυθούν με εστιασμένη εργασία αποκατάστασης αντί με πλήρη ανακατασκευή του ιστότοπου.

Σχετικά: Πώς να Κάνετε τον Ιστότοπό σας Συμβατό με το WCAG 2.2 · Οδηγός Χειροκίνητων Ελέγχων Προσβασιμότητας