Λίστα ελέγχου προσβασιμότητας για ιστότοπους μικρών επιχειρήσεων

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

Τα περισσότερα προβλήματα προσβασιμότητας στους ιστότοπους μικρών επιχειρήσεων μοιάζουν με αυτό: αόρατα για τον ιδιοκτήτη, αδιέξοδο για τον πελάτη. Η λίστα αυτή απευθύνεται σε όσους έχουν ιστότοπο σε Shopify, WooCommerce, Wix ή Squarespace χωρίς προγραμματιστή στην ομάδα τους.

Πρέπει ο ιστότοπος της μικρής μου επιχείρησης να είναι προσβάσιμος;

Αν πουλάτε σε καταναλωτές στην ΕΕ, μάλλον ναι. Η Ευρωπαϊκή Πράξη για την Προσβασιμότητα (ανοίγει σε νέα καρτέλα) (European Accessibility Act, EAA) καλύπτει τις υπηρεσίες ηλεκτρονικού εμπορίου από τις 28 Ιουνίου 2025. Η κύρια εξαίρεση αφορά τις πολύ μικρές επιχειρήσεις που παρέχουν υπηρεσίες: επιχειρήσεις με λιγότερους από 10 εργαζομένους και ετήσιο κύκλο εργασιών ή σύνολο ισολογισμού έως 2 εκατ. €.

Ηλεκτρονικό εμπόριο εδώ σημαίνει πώληση εξ αποστάσεως, μέσω ιστότοπου ή εφαρμογής, «κατόπιν ατομικού αιτήματος καταναλωτή, με σκοπό τη σύναψη συμβάσεως καταναλωτών» (άρθρο 3 σημείο 30). Ένα ηλεκτρονικό κατάστημα ή μια μηχανή κρατήσεων ταιριάζουν στον ορισμό. Η εξαίρεση καλύπτει μόνο υπηρεσίες: η πώληση προϊόντων που καλύπτει η οδηγία, όπως συσκευών ανάγνωσης ηλεκτρονικών βιβλίων, εξακολουθεί να συνεπάγεται κανόνες για τα προϊόντα (άρθρο 4 παράγραφος 5). Ούτε η έδρα εκτός ΕΕ βοηθά, γιατί ένα βρετανικό κατάστημα που πουλά σε πελάτες στη Γαλλία καλύπτεται για αυτούς τους πελάτες (άρθρο 3 σημείο 4). Ο οδηγός μας για την Ευρωπαϊκή Πράξη για την Προσβασιμότητα καλύπτει τους εθνικούς νόμους και τα πρόστιμα.

Ο βρετανικός Equality Act 2010 (ανοίγει σε νέα καρτέλα) απαιτεί εύλογες προσαρμογές για τα άτομα με αναπηρία, αλλά δεν ορίζει τεχνικό πρότυπο για τους ιστότοπους. Στις ΗΠΑ, οι οδηγίες του Μαρτίου 2022 (ανοίγει σε νέα καρτέλα) του Υπουργείου Δικαιοσύνης αναφέρουν ότι οι επιχειρήσεις που απευθύνονται στο κοινό πρέπει να κάνουν προσβάσιμα όσα προσφέρουν online και ότι πρότυπα όπως το WCAG «παρέχουν χρήσιμη καθοδήγηση». Ό,τι κι αν λέει ο νόμος, ένας πελάτης που δεν μπορεί να ολοκληρώσει την παραγγελία δεν αγοράζει.

Ποια είναι τα πιο συχνά προβλήματα προσβασιμότητας στους ιστότοπους;

Κυριαρχούν έξι αστοχίες. Στο WebAIM Million 2026 (ανοίγει σε νέα καρτέλα), μια αυτοματοποιημένη σάρωση του ενός εκατομμυρίου κορυφαίων αρχικών σελίδων τον Φεβρουάριο του 2026, το 95,9% των σελίδων είχε αστοχίες WCAG που ανιχνεύθηκαν, με μέσο όρο 56,1 σφάλματα ανά σελίδα. Το κείμενο χαμηλής αντίθεσης ήταν το πιο συχνό πρόβλημα και εντοπίστηκε στο 83,9% των αρχικών σελίδων.

Το WCAG, οι Οδηγίες για την Προσβασιμότητα του Περιεχομένου του Ιστού, είναι το πρότυπο πίσω από αυτούς τους ελέγχους· οι περισσότεροι νόμοι παραπέμπουν στο επίπεδο AA, και ο οδηγός μας για το WCAG 2.2 εξηγεί την τελευταία έκδοση. Αρκετοί από τους παρακάτω ελέγχους αφορούν πράγματα που κανένα εργαλείο σάρωσης δεν μπορεί να κρίνει.

Μπορούν όλοι να διαβάσουν τα κείμενά σας και να καταλάβουν τις εικόνες σας;

Ξεκινήστε από εδώ, γιατί αυτές οι διορθώσεις κοστίζουν λίγο και τις περισσότερες τις κάνετε μόνοι σας στον επεξεργαστή του ιστότοπου. Το κείμενο χρειάζεται επαρκή αντίθεση, οι εικόνες που μεταφέρουν πληροφορία χρειάζονται εναλλακτικό κείμενο, και τίποτα δεν πρέπει να βασίζεται μόνο στο χρώμα. Περίπου 1 στους 12 άνδρες και 1 στις 200 γυναίκες έχουν κάποια διαταραχή στην αντίληψη των χρωμάτων, σύμφωνα με το Colour Blind Awareness (ανοίγει σε νέα καρτέλα).

• Αντίθεση. Το κανονικό κείμενο χρειάζεται λόγο αντίθεσης τουλάχιστον 4,5:1 (ανοίγει σε νέα καρτέλα) σε σχέση με το φόντο του, το μεγάλο κείμενο τουλάχιστον 3:1. Ελέγξτε τα χρώματά σας, και το κείμενο πάνω σε φωτογραφίες banner, σε ένα δωρεάν εργαλείο ελέγχου. Ο οδηγός μας για την αντίθεση χρωμάτων δείχνει διορθώσεις που σέβονται την ταυτότητα της μάρκας σας.
• Εναλλακτικό κείμενο προϊόντων. Περιγράψτε ό,τι χρειάζεται να ξέρει ο αγοραστής: το «Σκούρο μπλε μάλλινο πουλόβερ με ζιβάγκο σε ριμπ πλέξη, μπροστινή όψη» είναι πολύ καλύτερο από το «εικόνα προϊόντος 1». Ξεκινήστε από τα δέκα προϊόντα με τις περισσότερες πωλήσεις.
• Διακοσμητικές εικόνες. Ένα διακοσμητικό μοτίβο στο φόντο πρέπει να έχει κενό εναλλακτικό κείμενο, ώστε οι αναγνώστες οθόνης να το παραλείπουν. Ορισμένες πλατφόρμες συμπληρώνουν ένα κενό πεδίο alt με το όνομα του αρχείου, οπότε ελέγξτε τη δική σας.
• Μόνο χρώμα. Το «Εξαντλημένο» που φαίνεται μόνο ως γκριζαρισμένο δείγμα χρώματος ή ένα υποχρεωτικό πεδίο που σημειώνεται μόνο με κόκκινο δεν φτάνουν σε όλους. Δείτε τη σελίδα με το φίλτρο αποχρώσεων του γκρι στο κινητό σας και προσθέστε μια λέξη ή ένα εικονίδιο όπου χάνεται το νόημα.
• Μεγέθυνση. Σε μεγέθυνση 200% στο πρόγραμμα περιήγησης, το κείμενο πρέπει να μεγαλώνει χωρίς να επικαλύπτεται ή να κόβεται, και το μενού πρέπει να λειτουργεί ακόμη.
• Γλώσσα σελίδας. Κάθε δωρεάν εργαλείο ελέγχου επισημαίνει την έλλειψη δήλωσης γλώσσας. Είναι μια ρύθμιση του θέματος ή μια αλλαγή μίας γραμμής στο template.

Μπορεί κανείς να χρησιμοποιήσει τον ιστότοπό σας με πληκτρολόγιο;

Πολλοί περιηγούνται χωρίς ποντίκι: χρήστες αναγνωστών οθόνης, άτομα με τρέμουλο ή περιορισμένη κίνηση των χεριών, και όποιος μόλις έμεινε με χαλασμένο trackpad. Αφήστε το ποντίκι στην άκρη και πατήστε Tab. Πρέπει να φτάνετε σε κάθε σύνδεσμο, κουμπί και πεδίο φόρμας με λογική σειρά, να βλέπετε πάντα πού βρίσκεστε και να μην κολλάτε πουθενά.

• Ορατή εστίαση. Ένα περίγραμμα πρέπει να δείχνει ποιο στοιχείο είναι ενεργό, και μια σταθερή κεφαλίδα ή ένα συννεφάκι συνομιλίας δεν πρέπει να το καλύπτει (κριτήριο 2.4.11 του WCAG 2.2, Μη απόκρυψη εστίασης). Πολλά θέματα αφαιρούν το περίγραμμα για αισθητικούς λόγους· ένας προγραμματιστής μπορεί να το επαναφέρει.
• Χωρίς παγίδες. Ανοίξτε το μενού, την επιλογή μεγέθους, τα αναδυόμενα παράθυρα και τη συλλογή εικόνων από το πληκτρολόγιο, επιλέξτε κάτι και προσπαθήστε να βγείτε. Το Escape πρέπει να κλείνει τα αναδυόμενα παράθυρα.
• Ονόματα για τα εικονίδια. Κάθε σύνδεσμος και κάθε κουμπί με εικονίδιο χρειάζεται όνομα που μπορεί να ανακοινώσει ένας αναγνώστης οθόνης, όπως «Καλάθι, 2 προϊόντα». Αντικαταστήστε το «Πατήστε εδώ» με λέξεις που λένε πού οδηγεί ο σύνδεσμος.
• Σύνδεσμος παράκαμψης και επικεφαλίδες. Το πρώτο πάτημα του Tab πρέπει ιδανικά να εμφανίζει έναν σύνδεσμο «Μετάβαση στο περιεχόμενο». Στην έρευνα του WebAIM για τους χρήστες αναγνωστών οθόνης του 2024 (ανοίγει σε νέα καρτέλα), το 71,6% των συμμετεχόντων δήλωσε ότι σε μια μεγάλη σελίδα πλοηγείται πρώτα μέσω των επικεφαλίδων, οπότε χρησιμοποιήστε πραγματικά επίπεδα επικεφαλίδων και όχι απλώς έντονο κείμενο.
• Στόχοι αφής. Το WCAG 2.2 ζητά στόχους τουλάχιστον 24 επί 24 pixel CSS ή αρκετό κενό χώρο γύρω τους (κριτήριο επιτυχίας 2.5.8 (ανοίγει σε νέα καρτέλα)).

Μπορούν όλοι να ολοκληρώσουν τις φόρμες, το καλάθι και την παραγγελία;

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

• Ετικέτες, όχι placeholders. Το κείμενο placeholder εξαφανίζεται μόλις ο χρήστης αρχίσει να πληκτρολογεί και συχνά είναι πολύ αχνό για να διαβαστεί. Κάθε πεδίο χρειάζεται ετικέτα που μένει ορατή.
• Μηνύματα σφάλματος. Υποβάλετε τη φόρμα κενή. Κάθε σφάλμα πρέπει να είναι γραμμένο με λέξεις («Εισαγάγετε ταχυδρομικό κώδικα, π.χ. 105 57»), να βρίσκεται δίπλα στο πεδίο του και να ανακοινώνεται, όχι απλώς να κοκκινίζει ένα περίγραμμα.
• Μη ρωτάτε δύο φορές. Προσφέρετε την επιλογή «Η διεύθυνση χρέωσης είναι ίδια» αντί να βάζετε τον πελάτη να ξαναγράψει τη διεύθυνση αποστολής. Το WCAG 2.2 το έκανε απαίτηση επιπέδου A, με το κριτήριο 3.3.7 Περιττή εισαγωγή (Redundant Entry).
• Σύνδεση. Επιτρέψτε την επικόλληση κωδικών πρόσβασης και κωδικών μίας χρήσης και τη χρήση διαχειριστών κωδικών. Ο αποκλεισμός της επικόλλησης παραβιάζει το κριτήριο προσβάσιμου ελέγχου ταυτότητας (ανοίγει σε νέα καρτέλα) του WCAG 2.2, εκτός αν προσφέρετε άλλον τρόπο σύνδεσης.
• CAPTCHA. Στην έρευνα του WebAIM του 2024, οι χρήστες αναγνωστών οθόνης κατέταξαν το CAPTCHA ως το πιο προβληματικό στοιχείο του διαδικτύου. Αν χρειάζεστε προστασία από bots, αποφύγετε τους οπτικούς γρίφους και προσφέρετε πάντα μια μη οπτική εναλλακτική.
• Χρονικά όρια. Αν ένα καλάθι ή μια προσωρινή κράτηση λήγει, προειδοποιήστε τον χρήστη και αφήστε τον να παρατείνει τον χρόνο.

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

Τι γίνεται με τα banner για cookies, τα αναδυόμενα παράθυρα και τα widget συνομιλίας;

Για τους πελάτες σας, τα scripts τρίτων είναι μέρος του ιστότοπού σας. Ένα banner για cookies που δεν κλείνει με πληκτρολόγιο μπλοκάρει κάθε σελίδα, και ένα αναδυόμενο παράθυρο για newsletter που αρπάζει την εστίαση στη μέση της παραγγελίας μπορεί να σας στοιχίσει μια πώληση. Ελέγξτε κάθε script που έχετε προσθέσει και ρωτήστε τους προμηθευτές για την προσβασιμότητα πριν εγκαταστήσετε κάτι νέο.

• Banner για cookies. Φτάνετε στα κουμπιά αποδοχής και απόρριψης με Tab, τα διαβάζετε σε μεγέθυνση 200% και συνεχίζετε μετά από εκεί που ήσασταν;
• Αναδυόμενα παράθυρα. Η εστίαση πρέπει να μεταφέρεται μέσα στο αναδυόμενο παράθυρο, να μένει εκεί μέχρι να κλείσει και μετά να επιστρέφει. Το Escape πρέπει να το κλείνει.
• Widget συνομιλίας. Το κουμπί χρειάζεται όνομα, το παράθυρο πρέπει να ανοίγει και να κλείνει από το πληκτρολόγιο και στο κινητό δεν πρέπει να κάθεται πάνω στο «Πληρωμή τώρα».
• Καρουζέλ. Ό,τι κινείται αυτόματα για περισσότερα από πέντε δευτερόλεπτα χρειάζεται τρόπο παύσης, διακοπής ή απόκρυψης (WCAG 2.2 (ανοίγει σε νέα καρτέλα), κριτήριο επιτυχίας 2.2.2).
• Ενσωματώσεις. Τα widget κριτικών, οι χάρτες και τα εργαλεία κρατήσεων βρίσκονται κι αυτά στη σελίδα σας. Αναφέρετε τις αστοχίες στον προμηθευτή.

Λειτουργούν τα βίντεο, τα PDF και τα μενού σας για όλους;

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

• Υπότιτλοι και απομαγνητοφωνήσεις. Διορθώστε τους αυτόματους υπότιτλους πριν από τη δημοσίευση. Τα podcast χρειάζονται εκδοχή σε κείμενο.
• Εικόνες με κείμενο. Βάλτε τα μενού, τους τιμοκαταλόγους, τους οδηγούς μεγεθών και τις ώρες λειτουργίας σε μια κανονική ιστοσελίδα. Αν πρέπει να χρησιμοποιήσετε PDF, εξαγάγετέ το με επικεφαλίδες και ετικέτες από τον επεξεργαστή κειμένου σας αντί να σκανάρετε μια εκτύπωση.
• Παλαιότερο υλικό. Η EAA δεν σας υποχρεώνει να διορθώσετε έγγραφα γραφείου ή προηχογραφημένο ήχο και βίντεο που δημοσιεύθηκαν πριν από τις 28 Ιουνίου 2025, ούτε αρχειοθετημένο περιεχόμενο που δεν ενημερώνετε πλέον (άρθρο 2 παράγραφος 4). Ό,τι νέο δημοσιεύετε καλύπτεται.

Τι μπορώ να διορθώσω χωρίς βοήθεια και πότε χρειάζομαι προγραμματιστή ή αξιολόγηση;

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

Πού χωρά ένα widget σαν το δικό μας; Ένα πάνελ στην πλευρά του επισκέπτη, όπως το SiteAccessible, επιτρέπει στους επισκέπτες να αυξήσουν την αντίθεση, να μεγαλώσουν το κείμενο ή να ενεργοποιήσουν οδηγό ανάγνωσης. Αυτό βοηθά ορισμένους επισκέπτες, αλλά δεν καλύπτει κανένα σημείο αυτής της λίστας: ένα κουμπί χωρίς όνομα μένει χωρίς όνομα και μια παγίδα πληκτρολογίου μένει παγίδα. Διορθώστε πρώτα τον ιστότοπο και δείτε το widget ως προσθήκη.

Πώς καταγράφω τι έχω κάνει;

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

Η δεύτερη αυτή υποχρέωση προέρχεται από το Παράρτημα V της οδηγίας· τη μορφή την ορίζει ο εθνικός νόμος. Ο οδηγός μας για τη σύνταξη δήλωσης προσβασιμότητας περιλαμβάνει υπόδειγμα που μπορείτε να προσαρμόσετε. Έπειτα κρατήστε μια σταθερή ρουτίνα:

1. Περάστε τη λίστα στις τρεις βασικές σας σελίδες και τραβήξτε στιγμιότυπο οθόνης για κάθε αστοχία.
2. Διορθώστε μόνοι σας τα ζητήματα περιεχομένου μέσα στην εβδομάδα.
3. Δώστε σε έναν προγραμματιστή όσα αφορούν το θέμα και την ολοκλήρωση παραγγελίας, με τα σοβαρότερα πρώτα.
4. Ελέγξτε ξανά κάθε διόρθωση με πληκτρολόγιο αλλά και με εργαλείο ελέγχου.
5. Δημοσιεύστε ή ενημερώστε τη δήλωσή σας, με ημερομηνία.
6. Επαναλάβετε κάθε φορά που προσθέτετε μια εφαρμογή, αλλάζετε θέμα ή δημιουργείτε νέα σελίδα προορισμού.