Τι νέο φέρνει το WCAG 2.2; Τα 9 νέα κριτήρια με απλά λόγια

Ένας χρήστης που πλοηγείται με το πληκτρολόγιο περνά με Tab από τα βήματα της ολοκλήρωσης παραγγελίας. Η εστίαση φτάνει στο κουμπί «Πληρωμή τώρα», αλλά από πάνω του βρίσκεται ένα σταθερό banner για τα cookies, οπότε δεν βλέπει πού βρίσκεται. Με το WCAG 2.1 η σελίδα αυτή μπορούσε ακόμη να περάσει τον έλεγχο. Με το WCAG 2.2 αποτυγχάνει.

Τέτοια κενά κλείνει η ενημέρωση 2.2. Παρακάτω εξετάζουμε κάθε νέο κριτήριο επιτυχίας με τον ίδιο τρόπο: τι λέει, ποιον βοηθά, έναν γρήγορο έλεγχο και τη συνηθισμένη διόρθωση. Δίνουμε τα ονόματα των κριτηρίων και στα αγγλικά, όπως εμφανίζονται στα εργαλεία ελέγχου, αφού δεν υπάρχει επίσημη ελληνική μετάφραση του WCAG. Για τις τέσσερις αρχές και τα επίπεδα σε μία σελίδα, δείτε την επισκόπηση του WCAG 2.2.

Τι είναι το WCAG 2.2;

Το WCAG 2.2 είναι η τρέχουσα έκδοση των Οδηγιών για την Προσβασιμότητα του Περιεχομένου του Ιστού (WCAG), του προτύπου του W3C στο οποίο παραπέμπουν οι περισσότεροι νόμοι και οι περισσότερες συμβάσεις για την προσβασιμότητα. Έγινε Σύσταση του W3C στις 5 Οκτωβρίου 2023 (ανοίγει σε νέα καρτέλα), ενημερώθηκε στις 12 Δεκεμβρίου 2024 (ανοίγει σε νέα καρτέλα) και εγκρίθηκε ως ISO/IEC 40500:2025 (ανοίγει σε νέα καρτέλα) τον Οκτώβριο του 2025.

Το WCAG αποτελείται από διατυπώσεις που μπορούν να ελεγχθούν, τα κριτήρια επιτυχίας, καθένα με ένα επίπεδο: A (το ελάχιστο), AA (αυτό που ζητούν συνήθως οι νόμοι) ή AAA (το αυστηρότερο). Η φράση «χρειαζόμαστε WCAG 2.2 AA» σημαίνει όλα τα κριτήρια επιπέδου A και AA της έκδοσης 2.2. Η προδιαγραφή αναφέρει ότι το 2.2 «βασίζεται στο WCAG 2.1 και είναι συμβατό με αυτό προς τα πίσω», οπότε προστίθεται στο 2.1 αντί να το αντικαθιστά.

Τι άλλαξε από το WCAG 2.1 στο 2.2;

Το WCAG 2.2 προσθέτει εννέα κριτήρια επιτυχίας και αφαιρεί ένα. Έξι από τα νέα είναι επιπέδου A ή AA, άρα μετρούν για τον συνηθισμένο στόχο AA: 2.4.11, 2.5.7, 2.5.8, 3.2.6, 3.3.7 και 3.3.8. Τα άλλα τρία είναι AAA. Το κριτήριο που αφαιρέθηκε είναι το 4.1.1 Parsing (συντακτική ανάλυση), το οποίο το W3C χαρακτηρίζει πλέον παρωχημένο.

Το 4.1.1 Parsing έλεγχε για σφάλματα σήμανσης, όπως διπλότυπα ID. Οι συχνές ερωτήσεις για το WCAG 2 (ανοίγει σε νέα καρτέλα) εξηγούν ότι τα προβλήματα αυτά καλύπτονται πλέον από άλλα κριτήρια, όπως το 4.1.2 Όνομα, ρόλος, τιμή (Name, Role, Value). Μια λεπτομέρεια: αν μια σύμβαση εξακολουθεί να απαιτεί WCAG 2.0 ή 2.1, «ίσως χρειαστεί να συνεχίσετε να ελέγχετε και να αναφέρετε το 4.1.1».

Μη απόκρυψη και εμφάνιση εστίασης: βλέπουν οι χρήστες του πληκτρολογίου πού βρίσκονται;

Τα κριτήρια αυτά κρατούν ορατό το στοιχείο που έχει την εστίαση του πληκτρολογίου. Στο επίπεδο AA (2.4.11), ένας εστιασμένος σύνδεσμος ή ένα εστιασμένο κουμπί δεν πρέπει να κρύβεται εντελώς από περιεχόμενο που προσθέσατε εσείς, όπως μια σταθερή κεφαλίδα, ένα banner για cookies ή ένα συννεφάκι συνομιλίας. Στο AAA, τίποτα δεν πρέπει να καλύπτει κανένα μέρος του (2.4.12) και το περίγραμμα εστίασης πρέπει να είναι μεγάλο και με σαφή αντίθεση (2.4.13).

• Ποιον βοηθά: άτομα που βλέπουν και χρησιμοποιούν πληκτρολόγιο αντί για ποντίκι, συχνά λόγω κινητικής αναπηρίας. Αν δεν βλέπουν την εστίαση, μαντεύουν.
• Γρήγορος έλεγχος: ανοίξτε μια μεγάλη σελίδα με το banner για cookies, τη σταθερή κεφαλίδα και το widget συνομιλίας όλα ορατά και πατήστε Tab ξανά και ξανά. Αν η εστίαση χάνεται ολόκληρη πίσω από κάτι, πρόκειται για αστοχία στο 2.4.11.
• Συνηθισμένη διόρθωση: προσθέστε στο CSS scroll padding ίσο με το ύψος της σταθερής κεφαλίδας ή του σταθερού υποσέλιδου, ώστε το πρόγραμμα περιήγησης να φέρνει τα εστιασμένα στοιχεία σε σημείο που δεν καλύπτονται. Το W3C το αναφέρει ως επαρκή τεχνική (ανοίγει σε νέα καρτέλα). Ένα banner μπορεί επίσης να περνά τον έλεγχο αν είναι αποκλειστικό παράθυρο (modal) που πρέπει πρώτα να κλείσει.

Η εμφάνιση εστίασης (2.4.13) απαιτεί ένδειξη τουλάχιστον τόσο μεγάλη όσο ένα περίγραμμα πάχους 2 pixel CSS γύρω από το στοιχείο, με αλλαγή αντίθεσης τουλάχιστον 3:1 ανάμεσα στην εστιασμένη και τη μη εστιασμένη κατάσταση. Είναι AAA, αλλά ένα συμπαγές περίγραμμα 2 pixel σε έντονο χρώμα συνήθως αρκεί. Ο οδηγός μας για την αντίθεση χρωμάτων εξηγεί πώς μετράτε το 3:1.

Κινήσεις σύρσης και μέγεθος στόχου: μπορεί κανείς να χρησιμοποιήσει τον ιστότοπό σας χωρίς ακριβή στόχευση;

Αυτά τα δύο κριτήρια επιπέδου AA βοηθούν όσους δυσκολεύονται να κινούν τον δείκτη με ακρίβεια. Το 2.5.7 ορίζει ότι ό,τι γίνεται με σύρσιμο πρέπει να γίνεται και με απλά κλικ ή πατήματα. Το 2.5.8 ορίζει ότι οι στόχοι πρέπει να έχουν τουλάχιστον 24 επί 24 pixel CSS ή τέτοια απόσταση ώστε ένας κύκλος 24 pixel με κέντρο τον καθένα να μην αγγίζει άλλον στόχο.

2.5.7 Κινήσεις σύρσης (Dragging Movements)

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

Γρήγορος έλεγχος: ολοκληρώστε κάθε εργασία που απαιτεί σύρσιμο μόνο με κλικ ή πατήματα. Συνηθισμένη διόρθωση: επιτρέψτε κλικ σε οποιοδήποτε σημείο της μπάρας ενός ρυθμιστικού, προσθέστε δίπλα του πεδία «ελάχιστο» και «μέγιστο» ή βάλτε κουμπιά «Πάνω» και «Κάτω» στις λίστες που ταξινομούνται. Η υποστήριξη πληκτρολογίου από μόνη της δεν αρκεί: το κείμενο επεξήγησης (Understanding) (ανοίγει σε νέα καρτέλα) του W3C αναφέρει ότι η ισοδυναμία μέσω πληκτρολογίου «δεν ικανοποιεί αυτόματα αυτό το κριτήριο επιτυχίας».

2.5.8 Μέγεθος στόχου, ελάχιστο (Target Size, Minimum)

Οι συνηθισμένες αστοχίες είναι μικρά κουμπιά «×» σε αναδυόμενα παράθυρα, στριμωγμένοι αριθμοί σελίδων, βαθμολογίες με αστεράκια και σειρές από εικονίδια κοινωνικών δικτύων. Το λάθος πάτημα εκνευρίζει τον καθένα και είναι πραγματικό εμπόδιο για άτομα με περιορισμένη επιδεξιότητα.

• Εξαιρέσεις: σύνδεσμοι μέσα σε πρόταση, στόχοι για τους οποίους υπάρχει αλλού στη σελίδα ισοδύναμο στοιχείο ελέγχου με το απαιτούμενο μέγεθος, στοιχεία ελέγχου με μέγεθος που ορίζει το πρόγραμμα περιήγησης και που δεν έχετε αλλάξει, και περιπτώσεις όπου ένα συγκεκριμένο μέγεθος είναι απαραίτητο ή επιβάλλεται από τον νόμο.
• Γρήγορος έλεγχος: σε ένα κινητό, δοκιμάστε κάθε μικρό εικονίδιο και κουμπί· για να μετρήσετε κάποιο, επιθεωρήστε το στα εργαλεία προγραμματιστή του προγράμματος περιήγησης.
• Συνηθισμένη διόρθωση: προσθέστε padding. Η περιοχή που δέχεται κλικ μεγαλώνει, ακόμη κι αν το εικονίδιο φαίνεται ίδιο. Και δείτε τα 24 pixel ως κατώτατο όριο: το παλαιότερο κριτήριο AAA 2.5.5 ζητά 44 επί 44.

Συνεπής βοήθεια και περιττή εισαγωγή: αναγκάζετε τους χρήστες να ψάχνουν ή να επαναλαμβάνονται;

Και τα δύο είναι επιπέδου A. Το 3.2.6 Συνεπής βοήθεια (Consistent Help) ορίζει ότι, αν η βοήθεια, όπως στοιχεία επικοινωνίας, ένα chat ή ένας σύνδεσμος για συχνές ερωτήσεις, εμφανίζεται σε πολλές σελίδες, πρέπει να βρίσκεται κάθε φορά στην ίδια σειρά σε σχέση με το υπόλοιπο περιεχόμενο της σελίδας. Το 3.3.7 Περιττή εισαγωγή (Redundant Entry) ορίζει ότι ο χρήστης δεν πρέπει να ξαναπληκτρολογεί πληροφορίες που έχει ήδη δώσει στην ίδια διαδικασία.

Η Συνεπής βοήθεια δεν σας υποχρεώνει να προσφέρετε βοήθεια. Λέει μόνο ότι, αν το τηλέφωνο βρίσκεται στην κεφαλίδα στις σελίδες προϊόντων, δεν πρέπει να μετακινείται στο υποσέλιδο στο ταμείο, εκεί όπου ο χρήστης το χρειάζεται περισσότερο. Ωφελούνται κυρίως άτομα με δυσκολίες μνήμης ή προσοχής. Η διόρθωση είναι συνήθως ένα κοινό template και όχι η τοποθέτηση της βοήθειας σελίδα προς σελίδα.

Η Περιττή εισαγωγή αφορά τις φόρμες πολλών βημάτων. Μια φόρμα κράτησης που ζητά το email σας στο βήμα 1 και ξανά στο βήμα 3 αποτυγχάνει, όπως και ένα ταμείο που σας βάζει να ξαναγράψετε την ίδια ακριβώς διεύθυνση χρέωσης. Συμπληρώστε το πεδίο αυτόματα ή αφήστε τον χρήστη να το επιλέξει, για παράδειγμα με ένα πλαίσιο «Η διεύθυνση χρέωσης είναι ίδια με τη διεύθυνση αποστολής». Οι εξαιρέσεις: όταν η επανεισαγωγή είναι απαραίτητη, όταν χρειάζεται για λόγους ασφαλείας ή όταν οι προηγούμενες πληροφορίες δεν ισχύουν πλέον.

Προσβάσιμος έλεγχος ταυτότητας: μπορεί κανείς να συνδεθεί χωρίς τεστ μνήμης;

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

Το WCAG ορίζει το τεστ γνωστικής λειτουργίας ως «μια εργασία που απαιτεί από τον χρήστη να θυμηθεί, να χειριστεί ή να μεταγράψει πληροφορίες». Η εισαγωγή του ονόματος, του email ή του τηλεφώνου σας δεν μετράει, επειδή είναι δικά σας στοιχεία και ίδια παντού. Ένα βήμα σύνδεσης περνά στο AA αν προσφέρει τουλάχιστον ένα από τα εξής:

• Εναλλακτική μέθοδο χωρίς γνωστικό τεστ, όπως ένα passkey ή έναν σύνδεσμο μέσω email.
• Μηχανισμό που βοηθά, όπως υποστήριξη για διαχειριστές κωδικών πρόσβασης ή αντιγραφή και επικόλληση, ώστε ένας κωδικός μίας χρήσης να μη χρειάζεται να ξαναγραφτεί.
• Αναγνώριση αντικειμένων, για παράδειγμα «επιλέξτε τις εικόνες με ποδήλατο».
• Προσωπικό περιεχόμενο, όπως η αναγνώριση μιας εικόνας που ανεβάσατε εσείς.

Η εκδοχή AAA, το 3.3.9, αφαιρεί τις δύο τελευταίες επιλογές, οπότε ένα CAPTCHA με εικόνες μπορεί να περάσει στο AA αλλά όχι στο AAA. Τυπικές αστοχίες: πεδία κωδικού που μπλοκάρουν την επικόλληση ή τους διαχειριστές κωδικών, πεδία κωδικών μίας χρήσης που χαλάνε όταν κάνετε επικόλληση και CAPTCHA κειμένου χωρίς εναλλακτική. Τα μεγαλύτερα οφέλη έχουν τα άτομα με δυσλεξία ή διαταραχές μνήμης, αλλά το πρόβλημα το αναγνωρίζει όποιος έχει μείνει κλειδωμένος έξω από έναν λογαριασμό μετά από μια κουραστική μέρα.

Είναι το WCAG 2.2 νομική υποχρέωση;

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

• Ευρωπαϊκή Ένωση: σύμφωνα με την Ευρωπαϊκή Πράξη για την Προσβασιμότητα, τεκμαίρεται συμμόρφωση όταν πληροίτε το εναρμονισμένο πρότυπο EN 301 549. Κατά το AccessibleEU (ανοίγει σε νέα καρτέλα), η έκδοση 4.1.1, που δημοσιεύθηκε τον Σεπτέμβριο του 2026, υιοθετεί το WCAG 2.2 αλλά δεν είναι ακόμη η νομική αναφορά· έως ότου δημοσιευθεί η παραπομπή της στην Επίσημη Εφημερίδα της ΕΕ, ισχύει η v3.2.1 (που βασίζεται στο WCAG 2.1 AA). Ο οδηγός μας για την Ευρωπαϊκή Πράξη για την Προσβασιμότητα εξηγεί ποιους αφορά.
• Ηνωμένο Βασίλειο: οι οδηγίες της κυβέρνησης (ανοίγει σε νέα καρτέλα) αναφέρουν ότι οι ιστότοποι και οι εφαρμογές του δημόσιου τομέα πρέπει να πληρούν το WCAG 2.2 AA. Οι οδηγίες αυτές αφορούν δημόσιους φορείς, όχι ιδιωτικές επιχειρήσεις.
• Ηνωμένες Πολιτείες: ο κανόνας του Υπουργείου Δικαιοσύνης για τις πολιτειακές και τοπικές αρχές χρησιμοποιεί το WCAG 2.1 AA, με προθεσμίες συμμόρφωσης που μετατέθηκαν τον Απρίλιο του 2026 (ανοίγει σε νέα καρτέλα) στις 26 Απριλίου 2027 και στις 26 Απριλίου 2028. Για τις ιδιωτικές επιχειρήσεις, οι οδηγίες του 2022 (ανοίγει σε νέα καρτέλα) του Υπουργείου αναφέρουν ότι ο ADA ισχύει για τους ιστότοπούς τους, χωρίς όμως να ορίζουν συγκεκριμένο τεχνικό πρότυπο.

Τι γίνεται με το WCAG 3;

Το WCAG 3 είναι σχέδιο, οπότε κανείς δεν μπορεί ακόμη να συμμορφωθεί με αυτό. Το W3C δημοσίευσε ενημερωμένα σχέδια τον Σεπτέμβριο του 2026 και αναφέρει ότι το WCAG 3 δεν αναμένεται να είναι ολοκληρωμένο πρότυπο «για μερικά ακόμη χρόνια». Το WCAG 2 δεν θα καταργηθεί για αρκετά χρόνια μετά από αυτό, άρα το 2.2 είναι η έκδοση με την οποία πρέπει να δουλεύετε σήμερα.

Πώς ελέγχετε τα νέα κριτήρια σε 15 λεπτά;

Τις περισσότερες αστοχίες στα έξι κριτήρια επιπέδου A και AA μπορείτε να τις εντοπίσετε σε περίπου 15 λεπτά, με ένα πληκτρολόγιο, ένα κινητό και τη δική σας σελίδα σύνδεσης. Αυτό δεν αντικαθιστά έναν πλήρη έλεγχο ή τις δοκιμές με άτομα με αναπηρία, σας δείχνει όμως από πού να ξεκινήσετε και δίνει σε έναν προγραμματιστή μια συγκεκριμένη λίστα για να δουλέψει.

1. Περάστε με Tab από την αρχική σελίδα, μια σελίδα προϊόντος και το ταμείο, με όλα τα banner ορατά. Βλέπετε πάντα την εστίαση; (2.4.11)
2. Χειριστείτε κάθε ρυθμιστικό και ολοκληρώστε κάθε μεταφορά και απόθεση μόνο με κλικ ή πατήματα. (2.5.7)
3. Σε ένα κινητό, δοκιμάστε κάθε κουμπί κλεισίματος, αριθμό σελίδας και μικρό εικονίδιο. (2.5.8)
4. Συγκρίνετε πού εμφανίζονται η βοήθεια και τα στοιχεία επικοινωνίας σε τρεις τύπους σελίδων. (3.2.6)
5. Κάντε μια αγορά ή μια κράτηση από την αρχή ως το τέλος και σημειώστε κάθε ερώτηση που απαντάτε δύο φορές. (3.3.7)
6. Συνδεθείτε με διαχειριστή κωδικών πρόσβασης και μετά επικολλήστε έναν κωδικό πρόσβασης και έναν κωδικό μίας χρήσης. Αν υπάρχει CAPTCHA, έχει εναλλακτική; (3.3.8)

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

Μια σημείωση για τα widget, μαζί και το δικό μας: κανένα από αυτά τα κριτήρια δεν ικανοποιείται από ένα πάνελ στην πλευρά του επισκέπτη. Ένας μεγάλος δείκτης κάνει ευκολότερη τη στόχευση μικρών στοιχείων, αλλά δεν τα κάνει πλάτους 24 pixel, και η έμφαση στην εστίαση δεν παραμερίζει ένα σταθερό banner. Κάθε νέο κριτήριο αφορά τον τρόπο που είναι φτιαγμένες οι σελίδες σας, οπότε η διόρθωση βρίσκεται στα templates και στον κώδικά σας.