Η συμμόρφωση προσβασιμότητας μιας ιστοσελίδας είναι νομική απαίτηση στις περισσότερες χώρες, όχι απλώς θέμα σχεδιασμού. Στις Ηνωμένες Πολιτείες, το πλαίσιο είναι ο νόμος Americans with Disabilities Act. Στην Ευρωπαϊκή Ένωση, ο European Accessibility Act. Στο Ηνωμένο Βασίλειο, ο Equality Act. Το τεχνικό πρότυπο που αναφέρουν όλοι είναι το ίδιο: WCAG 2.1 Επίπεδο AA. Το να χτίσεις μια ιστοσελίδα συμβατή με το ADA σημαίνει να πληροίς αυτό το πρότυπο και τα βήματα για να το κάνεις ισχύουν ανεξάρτητα από τη δικαιοδοσία στην οποία δραστηριοποιείται η επιχείρησή σου.
Ο σχεδιασμός ιστοσελίδας συμβατός με το ADA σημαίνει να χτίζεις μια ιστοσελίδα που πληροί το WCAG 2.1 Επίπεδο AA, το τεχνικό πρότυπο που αναφέρει ο Americans with Disabilities Act για την προσβασιμότητα στο web. Το WCAG είναι το ίδιο πρότυπο που αναφέρεται στον European Accessibility Act της ΕΕ, στους Public Sector Bodies Accessibility Regulations του Ηνωμένου Βασιλείου και στη νομοθεσία προσβασιμότητας του Καναδά, της Αυστραλίας και των περισσότερων άλλων χωρών με απαιτήσεις προσβασιμότητας στο web. Το νομικό περιτύλιγμα διαφέρει ανά χώρα. Οι τεχνικές απαιτήσεις είναι ίδιες.
Η διαδικασία δεν είναι ένας μοναδικός έλεγχος που γίνεται μία φορά. Είναι μια συνεχής πρακτική χτισίματος, δοκιμής και συντήρησης της προσβασιμότητας καθώς εξελίσσεται η ιστοσελίδα. Νέες σελίδες, νέες λειτουργίες και αλλαγές σχεδιασμού εισάγουν όλες το ενδεχόμενο νέων κενών προσβασιμότητας.
Τι σημαίνει συμμόρφωση με το ADA για μια ιστοσελίδα;
Ο Americans with Disabilities Act, που ψηφίστηκε το 1990, απαγορεύει τις διακρίσεις εις βάρος ατόμων με αναπηρίες στη δημόσια ζωή. Ο Τίτλος III του νόμου καλύπτει χώρους δημόσιας εξυπηρέτησης, που τα δικαστήρια και το Υπουργείο Δικαιοσύνης έχουν σταθερά ερμηνεύσει ότι περιλαμβάνουν ιστοσελίδες που λειτουργούν επιχειρήσεις που εξυπηρετούν το κοινό.
Οι αγωγές για προσβασιμότητα στο web που κατατίθενται σε ομοσπονδιακά δικαστήρια των ΗΠΑ αυξάνονται κάθε χρόνο από το 2015, ξεπερνώντας για πρώτη φορά τις 4.000 ετήσιες καταθέσεις τα τελευταία χρόνια. Οι επιχειρήσεις που κατονομάζονται σε αυτές τις υποθέσεις κυμαίνονται από μεγάλα καταστήματα λιανικής ως μικρούς παρόχους υπηρεσιών. Το μέγεθος της επιχείρησης δεν έχει προστατεύσει αξιόπιστα τους εναγόμενους από νομική δράση.
Το πρότυπο που αναφέρουν συχνότερα τα δικαστήρια όταν αξιολογούν αξιώσεις προσβασιμότητας ιστοσελίδων είναι το WCAG 2.1 Επίπεδο AA. Το να χτίσεις την ιστοσελίδα σου ώστε να πληροί αυτό το πρότυπο είναι ο πιο άμεσος τρόπος να αντιμετωπίσεις τον νομικό κίνδυνο. Το άρθρο τι είναι η προσβασιμότητα ιστοσελίδας καλύπτει πλήρως τι απαιτεί το WCAG, μαζί με τις τέσσερις βασικές αρχές που οργανώνουν τις οδηγίες.
Ποιες επιχειρήσεις πρέπει να πληρούν τα πρότυπα προσβασιμότητας στο web;
Στις Ηνωμένες Πολιτείες, ο Τίτλος III του ADA ισχύει για κάθε επιχείρηση που εξυπηρετεί το κοινό, καλύπτοντας λιανικό εμπόριο, φιλοξενία, υγεία, χρηματοοικονομικές υπηρεσίες, ακίνητα και κάθε άλλη επιχείρηση όπου μέλη του κοινού αποκτούν αγαθά ή υπηρεσίες. Δεν υπάρχει ελάχιστο όριο μεγέθους. Οι μικρές επιχειρήσεις έχουν αντιμετωπίσει νομική δράση για προσβασιμότητα εξίσου συχνά με τις μεγάλες.
Στην Ευρωπαϊκή Ένωση, ο European Accessibility Act απαιτεί από τις επιχειρήσεις που πουλούν ψηφιακά προϊόντα και υπηρεσίες σε πελάτες της ΕΕ να πληρούν πρότυπα προσβασιμότητας από τον Ιούνιο του 2025. Ο Equality Act του Ηνωμένου Βασιλείου επιβάλλει ισοδύναμες υποχρεώσεις για επιχειρήσεις που εξυπηρετούν πελάτες στο Ηνωμένο Βασίλειο. Ο Accessible Canada Act του Καναδά και ο Disability Discrimination Act της Αυστραλίας δημιουργούν παρόμοιες απαιτήσεις σε αυτές τις αγορές.
Για τις περισσότερες επιχειρήσεις με ιστοσελίδα ανοιχτή στο κοινό, ισχύει τουλάχιστον ένα από αυτά τα πλαίσια. Η πρακτική συνέπεια είναι η ίδια σε κάθε περίπτωση: χτίσε σύμφωνα με το WCAG 2.1 Επίπεδο AA και τεκμηρίωσε τη συμμόρφωση.
Τι απαιτεί μια ιστοσελίδα συμβατή με το ADA;
Η κάλυψη του WCAG 2.1 Επίπεδο AA σημαίνει να αντιμετωπίσεις την προσβασιμότητα σε διάφορες περιοχές μιας ιστοσελίδας.
Όλες οι ουσιαστικές εικόνες χρειάζονται περιγραφικό εναλλακτικό κείμενο (alt text). Ένας επισκέπτης που χρησιμοποιεί αναγνώστη οθόνης πρέπει να μπορεί να καταλάβει τι μεταδίδει μια εικόνα μόνο από το εναλλακτικό κείμενο. Οι διακοσμητικές εικόνες που δεν προσθέτουν πληροφορία πρέπει να σημαίνονται ώστε οι αναγνώστες οθόνης να τις προσπερνούν.
Το κείμενο πρέπει να πληροί τις ελάχιστες αναλογίες χρωματικής αντίθεσης σε σχέση με το φόντο του. Το κυρίως κείμενο απαιτεί αναλογία αντίθεσης τουλάχιστον 4,5 προς 1. Το μεγάλο κείμενο και τα στοιχεία διεπαφής απαιτούν τουλάχιστον 3 προς 1. Τα χρωματικά σχήματα χαμηλής αντίθεσης είναι από τις πιο συχνές αποτυχίες στο WCAG AA και από τις πιο απλές στη διόρθωση.
Όλα τα πεδία φορμών πρέπει να έχουν ορατές ετικέτες. Τα μηνύματα σφάλματος πρέπει να δείχνουν ποιο πεδίο έχει πρόβλημα και να εξηγούν πώς διορθώνεται. Οι φόρμες που χρησιμοποιούν μόνο χρώμα για να δείξουν σφάλματα αποτυγχάνουν με χρήστες που δεν ξεχωρίζουν χρώματα.
Όλα τα διαδραστικά στοιχεία, μεταξύ των οποίων μενού πλοήγησης, αναπτυσσόμενες λίστες και παράθυρα διαλόγου, πρέπει να χειρίζονται πλήρως με πληκτρολόγιο. Ένας επισκέπτης που δεν μπορεί να χρησιμοποιήσει ποντίκι πρέπει να μπορεί να περάσει με το πλήκτρο Tab από κάθε διαδραστικό στοιχείο, να ανοίξει και να κλείσει μενού και να στείλει φόρμες μόνο με το πληκτρολόγιο. Το άρθρο τι είναι η πλοήγηση ιστοσελίδας καλύπτει πώς πρέπει να δομούνται τα στοιχεία πλοήγησης ώστε να δουλεύουν για χρήστες πληκτρολογίου και αναγνωστών οθόνης.
Το περιεχόμενο βίντεο πρέπει να έχει υπότιτλους. Ο προηχογραφημένος ήχος πρέπει να έχει απομαγνητοφωνήσεις. Το ζωντανό βίντεο που περιέχει ομιλία απαιτεί υπότιτλους σε πραγματικό χρόνο. Το άρθρο τι είναι το web design καλύπτει τις ευρύτερες αποφάσεις σχεδιασμού που διαμορφώνουν το πώς χτίζονται και παρουσιάζονται αυτά τα στοιχεία σε μια σελίδα.
Πώς ελέγχεις αν η ιστοσελίδα σου είναι συμβατή με το ADA;
Ένας πρακτικός έλεγχος συμμόρφωσης συνδυάζει αυτόματη σάρωση με χειροκίνητη δοκιμή. Τα αυτόματα εργαλεία σαρώνουν τις σελίδες για τις πιο συνηθισμένες αποτυχίες WCAG, όπως έλλειψη εναλλακτικού κειμένου, αποτυχίες αντίθεσης και δομικά προβλήματα. Είναι γρήγορα και μπορούν να τρέξουν σε ολόκληρη την ιστοσελίδα, αλλά εντοπίζουν μόνο γύρω στο 30 με 40 τοις εκατό των προβλημάτων προσβασιμότητας. Τα υπόλοιπα απαιτούν ανθρώπινη κρίση.
Η χειροκίνητη δοκιμή πρέπει να καλύπτει πλοήγηση με πληκτρολόγιο σε κάθε σελίδα και ροή χρήστη. Πέρασε ολόκληρη την ιστοσελίδα με Tab χρησιμοποιώντας μόνο πληκτρολόγιο. Έλεγξε ότι οι δείκτες εστίασης φαίνονται πάντα, ώστε να βλέπεις διαρκώς ποιο στοιχείο είναι ενεργό. Επιβεβαίωσε ότι τα αναπτυσσόμενα μενού ανοίγουν και κλείνουν με πληκτρολόγιο. Έλεγξε ότι οι φόρμες συμπληρώνονται και στέλνονται χωρίς ποντίκι.
Η δοκιμή με αναγνώστη οθόνης αποκαλύπτει προβλήματα που ούτε τα αυτόματα εργαλεία ούτε η δοκιμή με πληκτρολόγιο φέρνουν στην επιφάνεια. Αν περάσεις τις κύριες σελίδες μιας ιστοσελίδας με ενεργό αναγνώστη οθόνης, βλέπεις αν η σελίδα διαβάζεται με λογική σειρά, αν οι εικόνες περιγράφονται χρήσιμα και αν τα διαδραστικά στοιχεία έχουν καθαρές ετικέτες.
Για επίσημο έλεγχο συμμόρφωσης, ένας επαγγελματικός έλεγχος προσβασιμότητας καλύπτει και τις τρεις μεθόδους δοκιμής και παράγει αναφορά με βάση το WCAG 2.1 Επίπεδο AA. Είναι χρήσιμος πριν το λανσάρισμα μιας ιστοσελίδας, μετά από σημαντικό ανασχεδιασμό ή όταν χρειάζεται επίσημη αξιολόγηση του νομικού κινδύνου.
Τι είναι η δήλωση προσβασιμότητας μιας ιστοσελίδας;
Η δήλωση προσβασιμότητας είναι μια σελίδα σε μια ιστοσελίδα που δηλώνει το επίπεδο συμμόρφωσης που στοχεύει να πληροί η σελίδα, επισημαίνει τυχόν γνωστούς περιορισμούς, εξηγεί πώς μπορούν να πάρουν βοήθεια οι χρήστες με αναπηρίες και δίνει τρόπο αναφοράς προβλημάτων προσβασιμότητας.
Μια δήλωση προσβασιμότητας δεν εγγυάται νομική προστασία. Μια ιστοσελίδα με δήλωση προσβασιμότητας αλλά με σημαντικά εμπόδια παραμένει μη προσβάσιμη ιστοσελίδα. Η δήλωση είναι μέτρο διαφάνειας που δείχνει στους χρήστες με αναπηρίες τι να περιμένουν και πώς να πάρουν βοήθεια. Απαιτείται από την Οδηγία της ΕΕ για την Προσβασιμότητα στο Web για ιστοσελίδες του δημόσιου τομέα και συνιστάται στα περισσότερα πλαίσια προσβασιμότητας.
Μια χρήσιμη δήλωση περιλαμβάνει την έκδοση WCAG και το επίπεδο συμμόρφωσης που στοχεύει η ιστοσελίδα, την ημερομηνία της τελευταίας αναθεώρησης, έναν τρόπο επικοινωνίας για χρήστες που αναφέρουν εμπόδια και σύντομη περιγραφή τυχόν γνωστών προβλημάτων που δεν έχουν λυθεί ακόμα.
Πώς συνδέεται η συμμόρφωση με το ADA με το SEO;
Οι πρακτικές που κάνουν μια ιστοσελίδα συμβατή με το ADA επικαλύπτονται σημαντικά με αυτά που χρησιμοποιούν οι μηχανές αναζήτησης για να αξιολογήσουν την ποιότητα μιας σελίδας. Το εναλλακτικό κείμενο που περιγράφει ουσιαστικά τις εικόνες δίνει πλαίσιο που οι μηχανές αναζήτησης δεν μπορούν να πάρουν από την ίδια την εικόνα. Μια λογική δομή επικεφαλίδων βοηθά τις μηχανές αναζήτησης να αναλύσουν πώς οργανώνεται μια σελίδα. Οι σελίδες που πλοηγούνται με πληκτρολόγιο και έχουν καθαρό HTML τείνουν να σαρώνονται πιο αξιόπιστα.
Πέρα από την τεχνική επικάλυψη, οι βελτιώσεις προσβασιμότητας μειώνουν τα ποσοστά εγκατάλειψης και αυξάνουν τον χρόνο παραμονής για τους επισκέπτες που εξυπηρετούν. Αυτά τα σήματα συμπεριφοράς συμβάλλουν στο πώς αξιολογούν οι μηχανές αναζήτησης αν μια σελίδα προσφέρει αξία. Το άρθρο τι είναι το SEO καλύπτει πώς συνδέονται τα σήματα εμπειρίας χρήστη με την κατάταξη στις αναζητήσεις με τον καιρό.
Πώς χειρίζεται το WEMASY τη συμμόρφωση προσβασιμότητας
Ο δημιουργός ιστοσελίδων του WEMASY παράγει έγκυρο, σημασιολογικό HTML που οι αναγνώστες οθόνης και τα αυτόματα εργαλεία προσβασιμότητας μπορούν να αναλύσουν σωστά. Τα πρότυπα έχουν δοκιμαστεί με τα πρότυπα χρωματικής αντίθεσης WCAG AA. Τα πεδία εναλλακτικού κειμένου είναι ενσωματωμένα στο εργαλείο ανεβάσματος εικόνων, ώστε κάθε εικόνα να έχει περιγραφή χωρίς επεξεργασία κώδικα. Η πλοήγηση με πληκτρολόγιο δουλεύει από προεπιλογή σε όλα τα διαδραστικά στοιχεία της παραγωγής του δημιουργού.
Δες τι περιλαμβάνεται στον δημιουργό ιστοσελίδων του WEMASY ή δες τα πακέτα στη σελίδα τιμών.
Συχνές ερωτήσεις
Μπορεί μια μικρή επιχείρηση να μηνυθεί για μια μη προσβάσιμη ιστοσελίδα;
Ναι. Οι αγωγές για προσβασιμότητα στο web βάσει του ADA έχουν κατονομάσει επιχειρήσεις κάθε μεγέθους, από υπηρεσίες ενός ατόμου ως μεγάλα καταστήματα λιανικής. Δεν υπάρχει όριο εσόδων ή αριθμού εργαζομένων που να εξαιρεί μια επιχείρηση από τον Τίτλο III του ADA. Οι μικρές επιχειρήσεις είναι από τους πιο συνηθισμένους εναγομένους σε υποθέσεις προσβασιμότητας, ακριβώς επειδή είναι λιγότερο πιθανό να έχουν κάνει ελέγχους προσβασιμότητας. Το κόστος ενός συμβιβασμού ή της αποκατάστασης μετά από αγωγή είναι συνήθως πολύ υψηλότερο από το κόστος προληπτικής αντιμετώπισης της προσβασιμότητας. Με τον δημιουργό ιστοσελίδων του WEMASY, μπορείς να το ρυθμίσεις απευθείας στην ιστοσελίδα σου.
Υπάρχει επίσημη πιστοποίηση ADA για ιστοσελίδες;
Όχι. Δεν υπάρχει κυβερνητική πιστοποίηση ADA για ιστοσελίδες. Η συμμόρφωση κρίνεται από το πόσο καλά πληροί μια ιστοσελίδα το WCAG 2.1 Επίπεδο AA, όχι από ένα πιστοποιητικό. Ανεξάρτητοι ελεγκτές προσβασιμότητας μπορούν να εκδώσουν αναφορές συμμόρφωσης που τεκμηριώνουν ότι μια ιστοσελίδα δοκιμάστηκε με βάση τα κριτήρια του WCAG, αλλά πρόκειται για επαγγελματικές αξιολογήσεις και όχι επίσημες πιστοποιήσεις. Κανένα widget overlay ή σήμα δεν αντικαθιστά έναν πραγματικό έλεγχο με βάση το πρότυπο WCAG.
Κάθε πότε πρέπει να ελέγχεται μια ιστοσελίδα συμβατή με το ADA;
Κάθε φορά που αλλάζει σημαντικά η ιστοσελίδα. Η προσθήκη νέων σελίδων, η ενημέρωση προτύπων, η εγκατάσταση νέων λειτουργιών ή η δημοσίευση νέου περιεχομένου μπορούν να εισάγουν κενά προσβασιμότητας που δεν υπήρχαν στην προηγούμενη έκδοση. Μια ιστοσελίδα που πέρασε έλεγχο προσβασιμότητας πριν από έξι μήνες μπορεί να μην περνά πια, αν ο σχεδιασμός έχει ενημερωθεί από τότε. Οι τακτικές αυτόματες σαρώσεις εντοπίζουν γρήγορα τις παλινδρομήσεις και ένας πλήρης χειροκίνητος έλεγχος πρέπει να ακολουθεί κάθε μεγάλο ανασχεδιασμό ή αλλαγή πλατφόρμας.
Τι είναι το Section 508 και πώς διαφέρει από τη συμμόρφωση με το ADA;
Το Section 508 του Rehabilitation Act απαιτεί από ομοσπονδιακές υπηρεσίες και οργανισμούς που λαμβάνουν ομοσπονδιακή χρηματοδότηση να κάνουν την ηλεκτρονική τεχνολογία και τεχνολογία πληροφοριών τους προσβάσιμη σε άτομα με αναπηρίες. Αναφέρει το WCAG 2.0 Επίπεδο AA ως τεχνικό πρότυπο. Για τις περισσότερες επιχειρήσεις του ιδιωτικού τομέα, το ADA και το κριτήριο WCAG 2.1 Επίπεδο AA είναι το σχετικό πλαίσιο. Για οργανισμούς που δουλεύουν με ομοσπονδιακά συμβόλαια ή επιχορηγήσεις, οι απαιτήσεις του Section 508 ισχύουν παράλληλα ή αντί για τη συμμόρφωση με το ADA, ανάλογα με τη φύση της δουλειάς.
Κάνουν τα εργαλεία overlay προσβασιμότητας μια ιστοσελίδα συμβατή με το ADA;
Όχι. Τα εργαλεία overlay προσβασιμότητας είναι scripts που προσπαθούν να διορθώσουν αυτόματα προβλήματα προσβασιμότητας αφού φορτώσει μια σελίδα. Επικρίνονται ευρέως από ειδικούς προσβασιμότητας και οργανώσεις υπεράσπισης, γιατί δεν λύνουν αξιόπιστα τα βασικά δομικά προβλήματα που κάνουν μια ιστοσελίδα μη προσβάσιμη. Τα δικαστήρια δεν έχουν δεχτεί τα overlays ως υπεράσπιση σε υποθέσεις προσβασιμότητας. Η πραγματική συμμόρφωση απαιτεί διόρθωση της προσβασιμότητας μέσα στην ίδια την ιστοσελίδα, όχι μπάλωμα εκ των υστέρων με script τρίτου.