Προσβασιμότητα ιστοσελίδων: τι σημαίνει στην πράξη το WCAG 2.1 AA και τι αλλάζει με το 2.2

Το «achecker» ψάχνεται στην Ελλάδα 390 φορές τον μήνα. Το «προσβασιμότητα ιστοσελίδων» δεν έχει καν μετρήσιμο όγκο. Ψάχνουμε δηλαδή το εργαλείο πιο συχνά από το θέμα.

Μόνο που το AChecker ελέγχει με το WCAG 2.0. Οι προσκλήσεις που έχω δουλέψει ζητούσαν WCAG 2.1 AA. Και κανένα εργαλείο δεν μπορεί να σου πει μόνο του ότι μια ιστοσελίδα είναι προσβάσιμη.

Τι αλλάζει στην πράξη

Πληκτρολόγιο και εστίαση

Το χρειάζεται όποιος δεν χρησιμοποιεί ποντίκι. Περνά από στοιχείο σε στοιχείο με το Tab.

Σπάει με ένα μενού που ανοίγει μόνο με το ποντίκι. Ή με ένα παράθυρο από το οποίο δεν βγαίνεις.

Τεχνικά:

• όλα δουλεύουν με πληκτρολόγιο, χωρίς παγίδες (κριτήρια 2.1.1, 2.1.2)
• λογική σειρά (2.4.3)
• ορατή ένδειξη για το πού βρίσκεσαι (2.4.7)

Δομή και επικεφαλίδες

Το χρειάζεται όποιος ακούει τη σελίδα με screen reader. Πηδά από επικεφαλίδα σε επικεφαλίδα, όπως εσύ ρίχνεις μια ματιά.

Σπάει με τίτλους που είναι απλώς μεγάλα γράμματα. Και με εικόνες χωρίς περιγραφή.

Τεχνικά:

• σωστές επικεφαλίδες και περιοχές σελίδας (1.3.1, 2.4.6)
• κείμενο για κάθε εικόνα που λέει κάτι (1.1.1)
• σύνδεσμοι που λένε πού πάνε, όχι «πατήστε εδώ» (2.4.4)
• δηλωμένη γλώσσα σελίδας (3.1.1)

Αντίθεση και μεγέθυνση

Το χρειάζεται όποιος βλέπει λίγο ή μεγαλώνει τα γράμματα. Και εσύ, με το κινητό στον ήλιο.

Σπάει με γκρι κείμενο σε λευκό φόντο. Και με σελίδες που χαλάνε στη μεγέθυνση.

Τεχνικά:

• αντίθεση 4,5:1 για κανονικό κείμενο, 3:1 για μεγάλο (1.4.3)
• κείμενο που μεγαλώνει στο 200% (1.4.4)
• σελίδα που χωρά σε πλάτος 320 CSS pixel χωρίς οριζόντια κύλιση (1.4.10)
• αντίθεση 3:1 σε ό,τι ξεχωρίζει πεδία, κουμπιά και τις καταστάσεις τους (1.4.11)

Φόρμες και μηνύματα σφάλματος

Το χρειάζονται όλοι. Περισσότερο όσοι χρησιμοποιούν screen reader ή μπερδεύονται με τις οδηγίες.

Σπάει με οδηγίες μέσα στο πεδίο που σβήνουν όταν γράφεις. Και με λάθη που φαίνονται μόνο με κόκκινο.

Τεχνικά:

• ετικέτα σε κάθε πεδίο (3.3.2)
• λάθος γραμμένο σε κείμενο, με πρόταση διόρθωσης (3.3.1, 3.3.3)
• μηνύματα όπως «Στάλθηκε» που ανακοινώνονται (4.1.3)

Τα πρότυπα: ποιο είναι ποιο

Σήμερα 2.1 AA, σύντομα 2.2

Στοχεύω στο WCAG 2.1 AA. Αυτό ζητούσαν οι προσκλήσεις που έχω δουλέψει, και αυτό ζητά η έκδοση του EN 301 549 που ισχύει ακόμα στην ΕΕ.

Η μετάβαση στο 2.2 έρχεται για δύο λόγους. Η νέα έκδοση του EN 301 549 υιοθετεί το 2.2. Θα γίνει η αναφορά μόλις δημοσιευτεί στην Επίσημη Εφημερίδα της ΕΕ.

Και το ISO/IEC 40500 είναι ήδη το 2.2.

Το 2.2 προσθέτει έξι κριτήρια στα επίπεδα A και AA:

• η εστίαση να μην κρύβεται πίσω από σταθερές κεφαλίδες ή banner (2.4.11)
• εναλλακτική σε ό,τι γίνεται με σύρσιμο (2.5.7)
• κουμπιά και σύνδεσμοι τουλάχιστον 24×24 CSS pixel, με εξαιρέσεις όπως οι σύνδεσμοι μέσα σε κείμενο (2.5.8)
• βοήθεια ή επικοινωνία στην ίδια σχετική θέση, σε όσες σελίδες υπάρχει (3.2.6)
• να μη ζητάς τα ίδια στοιχεία δύο φορές (3.3.7)
• σύνδεση που δεν στηρίζεται μόνο στη μνήμη ή σε γρίφο (3.3.8)

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

Πώς τεκμηριώνεται το αποτέλεσμα

Τι δείχνουν τα εργαλεία

• WAVE: errors, errors αντίθεσης και alerts, δηλαδή σημεία που θέλουν κρίση.
• AChecker: γνωστά, πιθανά και ενδεχόμενα προβλήματα, με προφίλ WCAG 2.0.
• Lighthouse: αυτόματοι έλεγχοι που περνούν ή αποτυγχάνουν. Τους χειροκίνητους ελέγχους που προτείνει δεν τους μετρά στο σκορ.

Γιατί «μηδενικά errors» δεν είναι πιστοποίηση

Το λένε τα ίδια τα εργαλεία. Το WAVE γράφει ότι δεν μπορεί να σου πει αν το περιεχόμενο είναι προσβάσιμο. Η W3C γράφει ότι τα εργαλεία βοηθούν την αξιολόγηση, δεν την κάνουν.

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

Η καταγραφή ανά κριτήριο

Αυτό που αντέχει σε έλεγχο είναι μια λίστα με κάθε κριτήριο και την κατάστασή του. Επιτυχία, αστοχία, δεν εφαρμόζεται, δεν ελέγχθηκε. Με τεκμήρια και ημερομηνία. Η W3C έχει μεθοδολογία γι' αυτό, το WCAG-EM.

Μαζί πάει η δήλωση προσβασιμότητας: τι πληροί η ιστοσελίδα, τι όχι, και πώς επικοινωνείς αν κάτι δεν δουλεύει. Στον δημόσιο τομέα είναι υποχρεωτική. Για μια επιχείρηση είναι σωστή πρακτική.

Από την εμπειρία μου: τρία έργα ΕΣΠΑ

Φέτος δούλεψα τρεις ιστοσελίδες με παραδοτέο προσβασιμότητας. Ένα κέντρο κατάρτισης, μια επιχείρηση καθαρισμού, ένας κατασκευαστής επίπλων κουζίνας. Και τα τρία με επιδότηση.

Στο τελευταίο, πριν την παράδοση, πέρασα όλες τις σελίδες από το axe-core, τη μηχανή πίσω από το Lighthouse. Βρήκε δύο μικρά θέματα.

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

Το πιο διδακτικό ήταν ένα κουμπί προσβασιμότητας. Η λειτουργία υψηλής αντίθεσης έκρυβε ένα ολόκληρο τμήμα της αρχικής. Και άνοιγε αυτόματα σε όσους έχουν ζητήσει από τη συσκευή τους περισσότερη αντίθεση. Δηλαδή ακριβώς σε αυτούς που τη χρειάζονται.

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

Σε άλλο έργο είδα και το αντίστροφο. Κάποια ευρήματα του AChecker δεν ήταν λάθη, ήταν όρια του εργαλείου.

Προσβασιμότητα ιστοσελίδων και χρηματοδότηση

Θα ακούσεις ότι «το ΕΣΠΑ θέλει προσβάσιμη ιστοσελίδα». Δεν είναι γενικός κανόνας. Είναι όρος που μπαίνει ανά πρόσκληση.

Η βάση είναι ο κανονισμός των ευρωπαϊκών ταμείων. Λέει ότι η προσβασιμότητα για τα άτομα με αναπηρίες λαμβάνεται υπόψη σε όλα τα στάδια των προγραμμάτων. Το πώς, το ορίζει κάθε πρόσκληση.

Δύο που δούλεψα το έλυναν διαφορετικά:

• ΔΥΠΑ, νέες επιχειρήσεις ανέργων: για όσους πουλούν online ή δίνουν ηλεκτρονικές υπηρεσίες, η προσβασιμότητα καλυπτόταν μέσω της ιστοσελίδας και ελεγχόταν στην τελική επαλήθευση, με WCAG 2.1 τουλάχιστον στο επίπεδο AA. Τον ίδιο όρο έχουν οι δύο τελευταίες προσκλήσεις, για ανέργους 30–59 ετών και 18–29 ετών.
• Πρόγραμμα Ανταγωνιστικότητα, ίδρυση επιχείρησης: το WCAG 2.1 AA ήταν όρος για να επιδοτηθεί η ιστοσελίδα. Στην επιτόπια επαλήθευση ζητούνταν αποδεικτικά, χωρίς να ορίζεται η μορφή τους.

Γι' αυτό μετράει η καταγραφή ανά κριτήριο. Είναι το αποδεικτικό που μπορείς να δείξεις.

Οι διατάξεις του ν.4727/2020 για την ψηφιακή προσβασιμότητα, που ίσως ακούσεις, αφορούν τον δημόσιο τομέα, όχι τις ιδιωτικές επιχειρήσεις. Για το ποιες επιχειρήσεις αφορά ο ευρωπαϊκός νόμος για την προσβασιμότητα, δες το άρθρο για το EAA.

Τι να ρωτήσεις όποιον φτιάχνει την ιστοσελίδα σου

1. Ποιο πρότυπο και επίπεδο γράφει η προσφορά; «WCAG 2.1 AA» ή απλώς «προσβάσιμο»;
2. Ποιες σελίδες, γλώσσες και καταστάσεις ελέγχονται; Για παράδειγμα, το μενού του κινητού και η φόρμα με λάθος.
3. Ποια εργαλεία χρησιμοποιείς και τι κάνεις με τα alerts;
4. Γίνονται έλεγχοι με πληκτρολόγιο και μεγέθυνση;
5. Θα πάρω καταγραφή ανά κριτήριο και δήλωση προσβασιμότητας;
6. Περιλαμβάνεται έλεγχος με screen reader; Αν όχι, να γράφεται.
7. Τι γίνεται όταν προσθέσω νέο περιεχόμενο;

Για το πώς διαβάζεις τις απαντήσεις, δες πώς διαβάζεις μια προσφορά.

Πότε δεν αρκεί αυτό

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

Η δική μου υπηρεσία δεν περιλαμβάνει έλεγχο με πραγματικό screen reader, όπως NVDA ή VoiceOver. Χωρίς αυτόν, κάποια προβλήματα μπορεί να μη φανούν. Όπου χρειάζεται, συμφωνείται χωριστά.

Και τίποτα από αυτά δεν είναι νομική συμβουλή ή εγγύηση ότι θα εγκριθεί μια επιδότηση.

Συμπέρασμα

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

Για το τι περιλαμβάνει η υπηρεσία, δες προσβασιμότητα ιστοσελίδων WCAG 2.1 AA. Για τα πακέτα, δες κατασκευή ιστοσελίδων. Αν ετοιμάζεις φάκελο επιδότησης, στείλε μου ένα σύντομο brief.

Πηγές

1. W3C, Web Content Accessibility Guidelines (WCAG) 2.1 και WCAG 2.2.
2. W3C WAI, What's New in WCAG 2.2 και WCAG 2 Overview (ISO/IEC 40500).
3. ETSI, EN 301 549 V4.1.1 (2026-09) · AccessibleEU, The European accessibility standard EN 301 549 has been updated.
4. W3C WAI, Selecting Web Accessibility Evaluation Tools, WCAG-EM και WCAG 2 Level AA Conformance.
5. WAVE Help · AChecker · Chrome for Developers, Lighthouse accessibility scoring.
6. EUR-Lex, Κανονισμός (ΕΕ) 2021/1060, άρθρο 9 παρ. 3 · Οδηγία (ΕΕ) 2016/2102, άρθρο 7.
7. ΓΓΠΣ, Ψηφιακή Προσβασιμότητα (ν.4727/2020, Κεφάλαιο Η΄).
8. Πρόγραμμα Ανταγωνιστικότητα, Αναλυτική Πρόσκληση ίδρυσης ΜμΕ (κωδικοποίηση 6ης τροποποίησης), κεφ. 6.2, κατηγορία 4.
9. ΔΥΠΑ, Πρόγραμμα ενίσχυσης της επιχειρηματικότητας για ανέργους 30–59 ετών · Πρόσκληση για ανέργους 18–29 ετών, 16/2/2026 (ΑΔΑ 95Ω04691Ω2-836, §9.3.4 και παράρτημα για την προσβασιμότητα: EN 301 549, WCAG 2.1 «ΑΑ»).
10. Δική μου μέτρηση, 26/9/2026: όγκος αναζήτησης (Google Ads, Ελλάδα) και τα πρώτα αποτελέσματα της Google για την προσβασιμότητα ιστοσελίδων.

Διάβασε επίσης

• EAA: ποιους αφορά ο νόμος για την προσβασιμότητα