Μετάβαση στο περιεχόμενο
EAA · Οδηγία (ΕΕ) 2019/882

Απαιτήσεις προσβασιμότητας της ΕΠΠ — πρακτική λίστα ελέγχου

Πρακτική λίστα ελέγχου για όσα ζητά η Ευρωπαϊκή Πράξη Προσβασιμότητας — 33 σημεία, το καθένα συνδεδεμένο με το μέρος της Οδηγίας από το οποίο προκύπτει. Οι κωδικοί των σημείων είναι δικοί μας· το νομικό κείμενο βρίσκεται στο EUR-Lex και το τεχνικό πρότυπο στο ETSI.

Διάβασε τις επίσημες πηγές

Αυτά είναι τα κανονικά νομικά κείμενα. Συνδέουμε απευθείας αντί να αναπαράγουμε — το πρωτότυπο είναι πάντα πιο έγκυρο.

Κύριος κανονισμός
Directive (EU) 2019/882
EUR-Lex ενοποιημένο · και στις 24 γλώσσες ΕΕ
Εναρμονισμένο πρότυπο
EN 301 549 v3.2.1
ETSI · το τεχνικό πρότυπο που αναφέρεται στην EAA
Υποκείμενα κριτήρια επιτυχίας
WCAG 2.1 Level AA
W3C quickref · έγκυρες συνθήκες δοκιμής
I EAA Παράρτημα I, Ενότητα I · III(c)

Η διεπαφή: αντιληπτή, λειτουργική, κατανοητή, στιβαρή

Το Παράρτημα I ορίζει αυτά τα αποτελέσματα για τα προϊόντα στο Τμήμα I, και το Τμήμα III(γ) ζητά το ίδιο από ιστοσελίδες και εφαρμογές: να είναι αντιληπτές, λειτουργικές, κατανοητές και στιβαρές. Το EN 301 549 τα ελέγχει μέσω του WCAG 2.1 επιπέδου AA.

18 σημεία
I.1 · 4 σημεία
I.1.a

Πληροφορίες για τη χρήση του προϊόντος ή της υπηρεσίας

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

Πώς εφαρμόζεται
  1. Παρέχετε σαφή τεκμηρίωση όλων των λειτουργιών προσβασιμότητας
  2. Περιγράψτε τη συμβατότητα με τις συνήθεις υποστηρικτικές τεχνολογίες (αναγνώστες οθόνης, συσκευές διακοπτών, φωνητικό έλεγχο)
  3. Καταστήστε αυτές τις πληροφορίες διαθέσιμες σε προσβάσιμες μορφές (HTML, προσβάσιμο PDF)
  4. Συμπεριλάβετε πληροφορίες προσβασιμότητας στα εγχειρίδια χρήσης και στις ενότητες βοήθειας
Νομική βάση: ΕΠΠ Παράρτημα I Κανένα κριτήριο επιτυχίας του WCAG 2.1 δεν αντιστοιχεί σε αυτό το σημείο.
I.1.b

Σχεδιασμός διεπαφής χρήστη και λειτουργικότητας

Η διεπαφή χρήστη — αλληλεπίδραση, πλοήγηση, κατανόηση — πρέπει να λειτουργεί μέσω περισσότερων από ένα αισθητηριακών καναλιών.

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι τα στοιχεία της διεπαφής χρήστη είναι προγραμματιστικά προσδιορίσιμα (σωστή σημασιολογική HTML)
  2. Παρέχετε εναλλακτικά κείμενα για όλα τα μη-κειμενικά στοιχεία της διεπαφής
  3. Υποστηρίξτε πολλαπλούς τρόπους εισόδου (ποντίκι, πληκτρολόγιο, αφή, φωνή)
  4. Χρησιμοποιήστε ρόλους και ιδιότητες ARIA όπου η εγγενής σημασιολογία δεν επαρκεί
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.3.11.3.44.1.14.1.2
I.1.c

Πληροφορίες, αναγνώριση και λειτουργικές δυνατότητες

Οι πληροφορίες για τη λειτουργία του προϊόντος, η αναγνώριση στοιχείων και οι λειτουργίες πρέπει να είναι αντιληπτές και λειτουργικές ανεξαρτήτως αισθητηριακής ικανότητας.

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι όλα τα διαδραστικά στοιχεία διαθέτουν προσβάσιμα ονόματα
  2. Παρέχετε οπτική και προγραμματιστική αναγνώριση για όλα τα στοιχεία ελέγχου
  3. Χρησιμοποιήστε συνεπή αναγνώριση σε όλες τις σελίδες και καταστάσεις
  4. Βεβαιωθείτε ότι τα μηνύματα κατάστασης κοινοποιούνται στις υποστηρικτικές τεχνολογίες
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.3.14.1.2
I.1.d

Αντιληπτή παρουσίαση πληροφοριών

Οι πληροφορίες πρέπει να παρουσιάζονται με αντιληπτούς τρόπους — εναλλακτικά κείμενα για μη-κειμενικό περιεχόμενο και περιεχόμενο που μπορεί να παρουσιαστεί με διαφορετικούς τρόπους χωρίς απώλεια νοήματος.

Πώς εφαρμόζεται
  1. Παρέχετε εναλλακτικά κείμενα για εικόνες, εικονίδια και πολυμέσα
  2. Βεβαιωθείτε ότι υπάρχει επαρκής αντίθεση χρωμάτων (4.5:1 για κείμενο, 3:1 για μεγάλο κείμενο)
  3. Μη βασίζεστε αποκλειστικά στο χρώμα για τη μετάδοση πληροφοριών
  4. Βεβαιωθείτε ότι το περιεχόμενο παραμένει κατανοητό όταν γραμμικοποιείται ή αλλάζει η μορφοποίησή του
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.3.11.3.21.3.31.4.11.4.31.4.51.4.11
I.2 · 14 σημεία
I.2.a

Προσβασιμότητα υπηρεσιών επικοινωνίας

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

Πώς εφαρμόζεται
  1. Υποστηρίξτε κείμενο πραγματικού χρόνου (RTT) παράλληλα με τη φωνητική επικοινωνία
  2. Παρέχετε λεζάντες για βιντεοκλήσεις όπου αυτό είναι τεχνικά εφικτό
  3. Βεβαιωθείτε ότι οι λειτουργίες επικοινωνίας λειτουργούν με τις υποστηρικτικές τεχνολογίες
  4. Προσφέρετε εναλλακτικά κανάλια επικοινωνίας (κείμενο, φωνή, βίντεο)
Νομική βάση: ΕΠΠ Παράρτημα I Κανένα κριτήριο επιτυχίας του WCAG 2.1 δεν αντιστοιχεί σε αυτό το σημείο.
I.2.b

Πληροφορίες για τα χαρακτηριστικά προσβασιμότητας

Δημοσίευση πληροφοριών για τα χαρακτηριστικά προσβασιμότητας της υπηρεσίας και τη συμβατότητά της με υποστηρικτικές τεχνολογίες, σε προσβάσιμες μορφές.

Πώς εφαρμόζεται
  1. Δημοσιεύστε δήλωση προσβασιμότητας που περιγράφει τα χαρακτηριστικά και τους γνωστούς περιορισμούς
  2. Τεκμηριώστε τις υποστηριζόμενες υποστηρικτικές τεχνολογίες και τα προγράμματα περιήγησης
  3. Παρέχετε στοιχεία επικοινωνίας για ερωτήματα σχετικά με την προσβασιμότητα
  4. Διατηρείτε την τεκμηρίωση προσβασιμότητας ενημερωμένη με κάθε νέα έκδοση
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.3.1
I.2.c

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

Το κείμενο πρέπει να επιτρέπει εναλλακτική απόδοση: ρυθμιζόμενο μέγεθος γραμματοσειράς, επαρκή αντίθεση, διαμορφώσιμη διάταξη.

Πώς εφαρμόζεται
  1. Διατηρήστε ελάχιστο λόγο αντίθεσης 4.5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο
  2. Επιτρέψτε την αλλαγή μεγέθους κειμένου έως 200% χωρίς απώλεια περιεχομένου ή λειτουργικότητας
  3. Υποστηρίξτε προσαρμογή διάκενου κειμένου από τον χρήστη (ύψος γραμμής, απόσταση χαρακτήρων, απόσταση λέξεων)
  4. Χρησιμοποιήστε σχετικές μονάδες (em, rem, %) αντί για σταθερά μεγέθη σε pixel για το κείμενο
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.4.31.4.41.4.12
I.2.d

Αλλαγή μεγέθους και αναδιάταξη περιεχομένου

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

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι το περιεχόμενο αναδιατάσσεται σε πλάτος viewport 320px (ισοδύναμο με ζουμ 400% σε ανάλυση 1280px)
  2. Αποφύγετε την οριζόντια κύλιση για περιεχόμενο που κυλά κάθετα
  3. Χρησιμοποιήστε τεχνικές responsive σχεδιασμού (CSS Grid, Flexbox)
  4. Δοκιμάστε με ζουμ προγράμματος περιήγησης στο 200% και στο 400%
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.4.41.4.10
I.2.e

Εναλλακτικό κείμενο για μη-κειμενικό περιεχόμενο

Το μη-κειμενικό περιεχόμενο (εικόνες, διαγράμματα, ήχος, βίντεο) πρέπει να έχει εναλλακτικά κείμενα που να εξυπηρετούν ισοδύναμο σκοπό.

Πώς εφαρμόζεται
  1. Παρέχετε εναλλακτικό κείμενο (alt) για όλες τις ενημερωτικές εικόνες
  2. Χρησιμοποιήστε κενό alt="" για διακοσμητικές εικόνες
  3. Παρέχετε γραπτές μεταγραφές για ηχητικό περιεχόμενο
  4. Παρέχετε λεζάντες για βίντεο περιεχόμενο και ηχητικές περιγραφές όπου χρειάζεται
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.2.11.2.2
I.2.f

Εναλλακτικές για ήχο και βίντεο

Ο ήχος και το βίντεο πρέπει να έχουν συγχρονισμένες εναλλακτικές: λεζάντες για ήχο, ηχητικές περιγραφές για βίντεο, μεταγραφές για προ-ηχογραφημένα μέσα.

Πώς εφαρμόζεται
  1. Παρέχετε συγχρονισμένες λεζάντες για κάθε προηχογραφημένο βίντεο με ήχο
  2. Παρέχετε ηχητικές περιγραφές για προηχογραφημένο βίντεο όπου η οπτική πληροφορία είναι ουσιώδης
  3. Παρέχετε μεταγραφές για προηχογραφημένο περιεχόμενο μόνο ήχου
  4. Βεβαιωθείτε ότι οι λεζάντες είναι ακριβείς, συγχρονισμένες και περιλαμβάνουν αναγνώριση ομιλητή
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.2.11.2.21.2.31.2.41.2.51.4.2
I.2.g

Λειτουργία μέσω πληκτρολογίου

Όλες οι λειτουργίες πρέπει να μπορούν να εκτελούνται μέσω πληκτρολογίου χωρίς συγκεκριμένο χρονισμό πληκτρολόγησης· χωρίς παγίδες πληκτρολογίου.

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι όλα τα διαδραστικά στοιχεία είναι προσβάσιμα και λειτουργικά μέσω πληκτρολογίου (Tab, Enter, Space, πλήκτρα βελών)
  2. Παρέχετε ορατές ενδείξεις εστίασης για όλα τα στοιχεία που μπορούν να λάβουν εστίαση
  3. Βεβαιωθείτε ότι δεν υπάρχουν παγίδες πληκτρολογίου, ώστε οι χρήστες να μπορούν πάντα να απομακρύνονται
  4. Υποστηρίξτε τα καθιερωμένα πρότυπα πληκτρολογίου για προσαρμοσμένα widgets (ARIA Authoring Practices)
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 2.1.12.1.22.1.4
I.2.h

Ρυθμιζόμενος χρονικός περιορισμός

Όπου υπάρχουν χρονικοί περιορισμοί, οι χρήστες πρέπει να μπορούν να τους απενεργοποιήσουν, προσαρμόσουν ή παρατείνουν — εκτός αν είναι ουσιώδεις.

Πώς εφαρμόζεται
  1. Επιτρέψτε στους χρήστες να απενεργοποιούν, να προσαρμόζουν ή να παρατείνουν τυχόν χρονικά όρια
  2. Προειδοποιήστε τους χρήστες πριν λήξει ο χρόνος και επιτρέψτε την παράτασή του
  3. Αποφύγετε αυτόματες ενημερώσεις περιεχομένου που δεν μπορούν να τεθούν σε παύση ή να ελεγχθούν
  4. Εξαιρέσεις: εκδηλώσεις πραγματικού χρόνου, ουσιώδη χρονικά όρια (δημοπρασίες, εξετάσεις)
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 2.2.12.2.2
I.2.i

Περιορισμοί σε περιεχόμενο που αναβοσβήνει

Το περιεχόμενο δεν πρέπει να αναβοσβήνει περισσότερο από τρεις φορές ανά δευτερόλεπτο εκτός αν είναι κάτω από τα γενικά όρια flash και red flash.

Πώς εφαρμόζεται
  1. Αποφύγετε περιεχόμενο που αναβοσβήνει περισσότερες από 3 φορές ανά δευτερόλεπτο
  2. Αν το αναβόσβημα είναι απαραίτητο, βεβαιωθείτε ότι παραμένει κάτω από το γενικό όριο flash
  3. Παρέχετε προειδοποιήσεις πριν από περιεχόμενο με πιθανούς παράγοντες πρόκλησης επιληπτικών κρίσεων
  4. Επιτρέψτε στους χρήστες να απενεργοποιούν κινούμενα γραφικά και εφέ κίνησης
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 2.3.1
I.2.j

Μηχανισμοί πλοήγησης

Η πλοήγηση πρέπει να είναι συνεπής και προβλέψιμη. Πολλαπλοί τρόποι εύρεσης περιεχομένου. Ο σκοπός των backlinks πρέπει να είναι εύκολα προσδιορίσιμος.

Πώς εφαρμόζεται
  1. Παρέχετε συνδέσμους παράκαμψης πλοήγησης για την αποφυγή επαναλαμβανόμενου περιεχομένου
  2. Χρησιμοποιήστε περιγραφικούς τίτλους σελίδων που προσδιορίζουν το θέμα ή τον σκοπό
  3. Βεβαιωθείτε ότι η σειρά εστίασης ακολουθεί λογική και κατανοητή ροή
  4. Παρέχετε πολλαπλούς μηχανισμούς πλοήγησης (μενού, αναζήτηση, χάρτης ιστοτόπου)
  5. Χρησιμοποιήστε περιγραφικό κείμενο συνδέσμων που έχει νόημα ακόμη και εκτός πλαισίου
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 2.4.12.4.22.4.32.4.42.4.52.4.62.4.7
I.2.k

Αναγνώριση γλώσσας

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

Πώς εφαρμόζεται
  1. Ορίστε το χαρακτηριστικό lang στο στοιχείο <html>
  2. Επισημάνετε τις αλλαγές γλώσσας εντός του περιεχομένου χρησιμοποιώντας το χαρακτηριστικό lang
  3. Χρησιμοποιήστε έγκυρες ετικέτες γλώσσας IETF BCP 47 (π.χ. "en", "de", "fr")
  4. Βεβαιωθείτε ότι οι υποστηρικτικές τεχνολογίες μπορούν να εντοπίζουν και να αλλάζουν την προφορά ανάλογα με τη γλώσσα
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 3.1.13.1.2
I.2.l

Προβλέψιμη συμπεριφορά

Τα στοιχεία πρέπει να συμπεριφέρονται προβλέψιμα. Το focus δεν πρέπει να ενεργοποιεί απρόσμενες αλλαγές πλαισίου. Παρόμοια στοιχεία πρέπει να αναγνωρίζονται συνεπώς.

Πώς εφαρμόζεται
  1. Μην αλλάζετε το πλαίσιο κατά την εστίαση (χωρίς απρόσμενη πλοήγηση ή αναδυόμενα παράθυρα)
  2. Μην αλλάζετε το πλαίσιο κατά την εισαγωγή δεδομένων εκτός αν ο χρήστης έχει ενημερωθεί εκ των προτέρων
  3. Χρησιμοποιήστε συνεπή πλοήγηση και επισήμανση σε όλες τις σελίδες
  4. Αναγνωρίζετε παρόμοια στοιχεία με συνέπεια σε όλη την υπηρεσία
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.4.133.2.13.2.23.2.33.2.4
I.2.m

Βοήθεια εισόδου και διαχείριση σφαλμάτων

Τα σφάλματα εισαγωγής πρέπει να εντοπίζονται και να περιγράφονται. Πρέπει να παρέχονται ετικέτες και οδηγίες. Προτάσεις σφαλμάτων και πρόληψη για νομικά ή οικονομικά δεδομένα.

Πώς εφαρμόζεται
  1. Παρέχετε ορατές ετικέτες για όλα τα πεδία φορμών
  2. Εντοπίστε σαφώς τα σφάλματα εισαγωγής και παρέχετε περιγραφές κειμένου
  3. Προτείνετε διορθώσεις όταν εντοπίζονται σφάλματα εισαγωγής
  4. Επιτρέψτε στους χρήστες να ελέγχουν, να διορθώνουν και να επιβεβαιώνουν υποβολές με νομικές ή οικονομικές συνέπειες
  5. Χρησιμοποιήστε χαρακτηριστικά autocomplete για κοινά πεδία εισαγωγής (όνομα, email, διεύθυνση)
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.3.52.5.33.3.13.3.23.3.33.3.44.1.3
I.2.n

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

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

Πώς εφαρμόζεται
  1. Χρησιμοποιήστε έγκυρη και σωστά δομημένη σήμανση HTML
  2. Βεβαιωθείτε ότι όλα τα στοιχεία της διεπαφής διαθέτουν προσβάσιμα ονόματα και ρόλους
  3. Εκθέστε τις αλλαγές κατάστασης και ιδιοτήτων στο API προσβασιμότητας
  4. Δοκιμάστε με αναγνώστες οθόνης (NVDA, JAWS, VoiceOver) και άλλες υποστηρικτικές τεχνολογίες
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 4.1.14.1.24.1.3
III EAA Παράρτημα I, Ενότητα III

Ιστοσελίδες και εφαρμογές — Παράρτημα I, Τμήμα III

Το Τμήμα III ισχύει για κάθε υπηρεσία που καλύπτει η Πράξη. Το σημείο (γ) είναι η βασική απαίτηση για ιστοσελίδες και εφαρμογές· το EN 301 549 v3.2.1 τη μετατρέπει σε WCAG 2.1 επιπέδου AA.

3 σημεία
III.a

Συμμόρφωση WCAG 2.1 Level AA για ιστοσελίδες

Οι ιστοσελίδες και οι web εφαρμογές πληρούν το WCAG 2.1 επιπέδου AA — το κεφάλαιο web του EN 301 549 v3.2.1 και ο συνήθης τρόπος να αποδειχθεί ότι πληρούται το Τμήμα III(γ).

Πώς εφαρμόζεται
  1. Διεξάγετε πλήρη έλεγχο WCAG 2.1 AA χρησιμοποιώντας καθιερωμένα αυτοματοποιημένα εργαλεία και χειροκίνητες δοκιμές
  2. Καλύψτε όλα τα κριτήρια επιτυχίας Level A και Level AA
  3. Δοκιμάστε με πολλαπλά προγράμματα περιήγησης, αναγνώστες οθόνης και συσκευές εισόδου
  4. Καταρτίστε σχέδιο διόρθωσης για τυχόν περιπτώσεις μη συμμόρφωσης
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.2.11.2.21.2.31.2.41.2.51.3.11.3.21.3.31.3.41.3.51.4.11.4.21.4.31.4.41.4.51.4.101.4.111.4.121.4.132.1.12.1.22.1.42.2.12.2.22.3.12.4.12.4.22.4.32.4.42.4.52.4.62.4.72.5.12.5.22.5.32.5.43.1.13.1.23.2.13.2.23.2.33.2.43.3.13.3.23.3.33.3.44.1.14.1.24.1.3
III.b

Προσβασιμότητα διαδικτυακού περιεχομένου

Το διαδικτυακό περιεχόμενο πρέπει να είναι αντιληπτό, λειτουργικό, κατανοητό και ανθεκτικό σε όλους τους τύπους περιεχομένου — κείμενο, πολυμέσα, φόρμες, δυναμικό περιεχόμενο.

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι όλο το περιεχόμενο της σελίδας είναι προσβάσιμο στις υποστηρικτικές τεχνολογίες
  2. Παρέχετε εναλλακτικές για σύνθετο περιεχόμενο (γραφήματα, infographics, πίνακες δεδομένων)
  3. Καταστήστε προσβάσιμες τις δυναμικές ενημερώσεις περιεχομένου (AJAX, πλοήγηση SPA)
  4. Δοκιμάστε την πλοήγηση εφαρμογών μίας σελίδας (SPA) με αναγνώστες οθόνης
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.3.11.4.32.1.14.1.2
III.c

Προσβασιμότητα mobile web

Το διαδικτυακό περιεχόμενο σε κινητές συσκευές πρέπει να πληροί τις ίδιες απαιτήσεις προσβασιμότητας. Στόχοι αφής, χειρονομίες και responsive συμπεριφορά πρέπει να είναι προσβάσιμα.

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι οι στόχοι αφής έχουν μέγεθος τουλάχιστον 44x44 CSS pixels
  2. Υποστηρίξτε τόσο τον κατακόρυφο όσο και τον οριζόντιο προσανατολισμό
  3. Παρέχετε εναλλακτικές για σύνθετες χειρονομίες (τσίμπημα, σάρωση, χειρονομίες πολλαπλών δαχτύλων)
  4. Δοκιμάστε με αναγνώστες οθόνης για κινητά (VoiceOver σε iOS, TalkBack σε Android)
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.3.41.4.102.5.12.5.22.5.32.5.4
IV EAA Παράρτημα I, Ενότητα IV

Ενότητα IV — Απαιτήσεις ανά Κλάδο

Απαιτήσεις για συγκεκριμένους κλάδους — ηλεκτρονικές επικοινωνίες, οπτικοακουστικά μέσα, μεταφορές, τράπεζες, e-books, e-commerce.

7 σημεία
IV.a

Προσβασιμότητα e-commerce

Οι υπηρεσίες e-commerce πρέπει να εξασφαλίζουν ότι ολόκληρη η διαδρομή αγοράς είναι προσβάσιμη — περιήγηση, επιλογή, checkout, πληρωμή, επιβεβαίωση.

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι οι λίστες προϊόντων, τα φίλτρα και η ταξινόμηση είναι προσβάσιμα μέσω πληκτρολογίου
  2. Παρέχετε προσβάσιμες περιγραφές προϊόντων και εναλλακτικά κείμενα εικόνων
  3. Καταστήστε ολόκληρη τη διαδικασία checkout λειτουργική με υποστηρικτικές τεχνολογίες
  4. Βεβαιωθείτε ότι οι φόρμες πληρωμής διαθέτουν κατάλληλες ετικέτες και διαχείριση σφαλμάτων
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.3.12.1.13.3.24.1.2
IV.b

Προσβασιμότητα τραπεζικών και χρηματοοικονομικών υπηρεσιών

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

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι οι μηχανισμοί ταυτοποίησης είναι προσβάσιμοι (εναλλακτικές για CAPTCHA, βιομετρικές επιλογές)
  2. Καταστήστε τις διαδικασίες συναλλαγών πλήρως λειτουργικές μέσω πληκτρολογίου και αναγνώστη οθόνης
  3. Παρέχετε προσβάσιμες καταστάσεις λογαριασμού και χρηματοοικονομικά έγγραφα
  4. Βεβαιωθείτε ότι τα χαρακτηριστικά ασφαλείας (έλεγχος ταυτότητας δύο παραγόντων, λήξη συνεδρίας) εξυπηρετούν χρήστες με αναπηρία
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.3.11.3.52.1.13.3.24.1.2
IV.c

Προσβασιμότητα υπηρεσιών μεταφοράς

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

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι οι διαδικασίες κράτησης και αγοράς εισιτηρίων είναι πλήρως προσβάσιμες
  2. Παρέχετε πληροφορίες ταξιδιού πραγματικού χρόνου σε προσβάσιμες μορφές
  3. Καταστήστε προσβάσιμα τα αυτοεξυπηρετούμενα τερματικά (ή παρέχετε προσβάσιμες εναλλακτικές)
  4. Βεβαιωθείτε ότι οι εφαρμογές κινητών για υπηρεσίες μεταφοράς πληρούν τις απαιτήσεις προσβασιμότητας
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.3.12.1.14.1.2
IV.d

Προσβασιμότητα υπηρεσιών ηλεκτρονικών επικοινωνιών

Οι υπηρεσίες ηλεκτρονικών επικοινωνιών πρέπει να υποστηρίζουν κείμενο πραγματικού χρόνου, total conversation όπου είναι εφικτό και προσβάσιμες διεπαφές πελατών — συμπεριλαμβανομένων υπηρεσιών αναμετάδοσης.

Πώς εφαρμόζεται
  1. Υποστηρίξτε κείμενο πραγματικού χρόνου (RTT) στη φωνητική επικοινωνία
  2. Παρέχετε total conversation (φωνή, κείμενο και βίντεο) όπου αυτό είναι εφικτό
  3. Βεβαιωθείτε ότι οι πύλες αυτοεξυπηρέτησης πελατών είναι προσβάσιμες
  4. Καταστήστε προσβάσιμη τη διαμόρφωση υπηρεσιών και τη διαχείριση λογαριασμού
Νομική βάση: ΕΠΠ Παράρτημα I Κανένα κριτήριο επιτυχίας του WCAG 2.1 δεν αντιστοιχεί σε αυτό το σημείο.
IV.e

Προσβασιμότητα υπηρεσιών οπτικοακουστικών μέσων

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

Πώς εφαρμόζεται
  1. Παρέχετε λεζάντες/υπότιτλους για κάθε οπτικοακουστικό περιεχόμενο
  2. Παρέχετε ηχητικές περιγραφές για περιεχόμενο μόνο εικόνας
  3. Βεβαιωθείτε ότι οι media players είναι προσβάσιμοι μέσω πληκτρολογίου
  4. Καταστήστε προσβάσιμους τους ηλεκτρονικούς οδηγούς προγράμματος (EPG)
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.2.11.2.21.2.4
IV.f

Προσβασιμότητα e-books και ψηφιακών εκδόσεων

Τα e-books και οι ψηφιακές εκδόσεις πρέπει να υποστηρίζουν text-to-speech, ρυθμιζόμενη εμφάνιση, προσβάσιμη πλοήγηση και DRM που δεν εμποδίζει την προσβασιμότητα.

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι τα e-books υποστηρίζουν text-to-speech και πλοήγηση με αναγνώστη οθόνης
  2. Επιτρέψτε προσαρμογές μεγέθους γραμματοσειράς, διάκενου και χρωμάτων
  3. Παρέχετε εναλλακτικές περιγραφές για εικόνες και γραφήματα
  4. Βεβαιωθείτε ότι το DRM δεν εμποδίζει την πρόσβαση μέσω υποστηρικτικών τεχνολογιών
Νομική βάση: ΕΠΠ Παράρτημα I Αντιστοίχιση WCAG 2.1: 1.1.11.3.1
IV.g

Υπηρεσίες ηλεκτρονικής ταυτοποίησης (σχετιζόμενες με eIDAS)

Σημείωση: το eID διέπεται από τους Κανονισμούς (ΕΕ) 910/2014 και 2024/1183 (eIDAS), όχι από το Παράρτημα I της EAA. Έχει σημασία εδώ επειδή η ταυτοποίηση συχνά προηγείται υπηρεσιών που καλύπτει η EAA.

Πώς εφαρμόζεται
  1. Βεβαιωθείτε ότι οι διαδικασίες σύνδεσης και ταυτοποίησης είναι προσβάσιμες
  2. Παρέχετε εναλλακτικές για τα οπτικά CAPTCHA
  3. Καταστήστε προσβάσιμη την ταυτοποίηση πολλαπλών παραγόντων (χωρίς εξάρτηση από ένα μόνο αισθητηριακό κανάλι)
  4. Βεβαιωθείτε ότι οι διαδικασίες ψηφιακής υπογραφής είναι λειτουργικές με υποστηρικτικές τεχνολογίες
eIDAS: Κανονισμός (ΕΕ) αριθ. 910/2014 και 2024/1183 (σχετικός, εκτός Παραρτήματος I του EAA) Αντιστοίχιση WCAG 2.1: 1.3.52.1.13.3.24.1.2
V ΕΠΠ Άρθρο 13 και Παράρτημα V

Άρθρο 13 και Παράρτημα V — πληροφορίες για το πώς η υπηρεσία πληροί τις απαιτήσεις

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

3 σημεία
V.1.a

Γενική περιγραφή της υπηρεσίας

Περιγράψτε την υπηρεσία σε γενικές γραμμές, σε προσβάσιμες μορφές (Παράρτημα V, σημείο 1(α)).

Πώς εφαρμόζεται
  1. Πείτε τι είναι η υπηρεσία και για ποιον, σε απλή γλώσσα
  2. Δημοσιεύστε την στους γενικούς όρους ή σε ισοδύναμο έγγραφο, ως προσβάσιμη ιστοσελίδα
  3. Προσφέρετέ την σε γραπτή και προφορική μορφή, π.χ. τηλεφωνικά ή ηχητικά κατόπιν αιτήματος
  4. Κρατήστε την διαθέσιμη όσο λειτουργεί η υπηρεσία
Νομική βάση: ΕΠΠ Άρθρο 13 και Παράρτημα V Κανένα κριτήριο επιτυχίας του WCAG 2.1 δεν αντιστοιχεί σε αυτό το σημείο.
V.1.b

Πώς λειτουργεί η υπηρεσία

Δώστε τις περιγραφές και εξηγήσεις που χρειάζονται για να γίνει κατανοητή η λειτουργία της υπηρεσίας (Παράρτημα V, σημείο 1(β)).

Πώς εφαρμόζεται
  1. Εξηγήστε τα βασικά βήματα του χρήστη: αναζήτηση, επιλογή, πληρωμή, υποστήριξη
  2. Περιγράψτε τις λειτουργίες προσβασιμότητας που προσφέρει η υπηρεσία και πώς χρησιμοποιούνται
  3. Αναφέρετε τα κανάλια υποστήριξης και πώς προσεγγίζονται με προσβάσιμους τρόπους
  4. Ενημερώνετε το κείμενο κάθε φορά που αλλάζει η υπηρεσία
Νομική βάση: ΕΠΠ Άρθρο 13 και Παράρτημα V Κανένα κριτήριο επιτυχίας του WCAG 2.1 δεν αντιστοιχεί σε αυτό το σημείο.
V.1.c

Πώς η υπηρεσία πληροί τις απαιτήσεις

Περιγράψτε πώς η υπηρεσία πληροί τις σχετικές απαιτήσεις προσβασιμότητας του Παραρτήματος I· μπορείτε να παραπέμψετε σε εναρμονισμένα πρότυπα όπως το EN 301 549 (Παράρτημα V, σημεία 1(γ) και 2).

Πώς εφαρμόζεται
  1. Καταγράψτε τις απαιτήσεις που ισχύουν για την υπηρεσία σας και πώς πληρούται η καθεμία
  2. Αναφέρετε το πρότυπο ελέγχου, π.χ. EN 301 549 v3.2.1 (WCAG 2.1 επιπέδου AA)
  3. Δηλώστε γνωστούς περιορισμούς, τυχόν αξιολόγηση δυσανάλογης επιβάρυνσης και τις εναλλακτικές που προσφέρετε
  4. Δώστε την ημερομηνία της τελευταίας αξιολόγησης και τρόπο αναφοράς εμποδίων
Νομική βάση: ΕΠΠ Άρθρο 13 και Παράρτημα V Κανένα κριτήριο επιτυχίας του WCAG 2.1 δεν αντιστοιχεί σε αυτό το σημείο.
VI EAA Άρθρο 14 + Άρθρο 4(5)

Άρθρο 14 — Εξαιρέσεις (δυσανάλογος φόρτος + πολύ μικρές επιχειρήσεις)

Κριτήρια περιορισμού των απαιτήσεων προσβασιμότητας βάσει του Άρθρου 14 EAA, καθώς και η εξαίρεση πολύ μικρών επιχειρήσεων από το Άρθρο 4(5).

2 σημεία
VI.a

Αξιολόγηση δυσανάλογου φόρτου (Άρθρο 14)

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

Πώς εφαρμόζεται
  1. Τεκμηριώστε τις συγκεκριμένες απαιτήσεις που θεωρούνται δυσανάλογες
  2. Παρέχετε ανάλυση κόστους-οφέλους για κάθε εξαίρεση που προβάλλεται
  3. Επανεξετάστε τους ισχυρισμούς δυσανάλογου φόρτου όταν ενημερώνονται τα προϊόντα ή οι υπηρεσίες
  4. Κρατήστε την αξιολόγηση για πέντε χρόνια, ανανεώστε την τουλάχιστον κάθε πέντε χρόνια για υπηρεσία και ενημερώστε την αρμόδια αρχή
EAA Άρθρο 14: δυσανάλογη επιβάρυνση Κανένα κριτήριο επιτυχίας του WCAG 2.1 δεν αντιστοιχεί σε αυτό το σημείο.
VI.b

Εξαίρεση πολύ μικρών επιχειρήσεων (Άρθρο 4(5))

Πολύ μικρές επιχειρήσεις παροχής υπηρεσιών (λιγότεροι από 10 εργαζόμενοι ΚΑΙ κύκλος εργασιών ή ισολογισμός ≤ €2 εκατ.) εξαιρούνται από τις απαιτήσεις προσβασιμότητας υπηρεσιών.

Πώς εφαρμόζεται
  1. Η εξαίρεση ισχύει μόνο για υπηρεσίες, όχι για προϊόντα
  2. Πρέπει να πληρούνται και τα δύο κριτήρια: λιγότεροι από 10 εργαζόμενοι ΚΑΙ κύκλος εργασιών ή ισολογισμός κάτω από €2 εκατ.
  3. Οι πολύ μικρές επιχειρήσεις ενθαρρύνονται και πάλι να συμμορφωθούν εθελοντικά
  4. Αν η επιχείρηση ξεπεράσει τα όρια, η εξαίρεση παύει να ισχύει
EAA Άρθρο 4(5): εξαίρεση πολύ μικρών επιχειρήσεων Κανένα κριτήριο επιτυχίας του WCAG 2.1 δεν αντιστοιχεί σε αυτό το σημείο.

Τι δεν μπορεί να ελέγξει κανένα αυτοματοποιημένο εργαλείο

Ο αυτοματοποιημένος έλεγχος εντοπίζει μόνο ένα μέρος των εμποδίων που περιγράφει το WCAG. Αυτοί οι έλεγχοι χρειάζονται άνθρωπο· πραγματοποιήστε τους πριν δημοσιεύσετε δήλωση προσβασιμότητας.

  1. Μόνο πληκτρολόγιο

    Αφήστε το ποντίκι στην άκρη και προσπελάστε κάθε σύνδεσμο, κουμπί, μενού και πεδίο φόρμας με τα πλήκτρα Tab, Shift+Tab, Enter, Space και τα βέλη. Η εστίαση δεν πρέπει ποτέ να παγιδεύεται, πρέπει να ακολουθεί λογική σειρά και πρέπει να είναι πάντα ορατή.

    EAA I.2.g WCAG 2.1.1WCAG 2.1.2WCAG 2.4.3WCAG 2.4.7

  2. Αναγνώστης οθόνης

    Ακούστε τη σελίδα με NVDA ή JAWS (Windows), VoiceOver (macOS, iOS) ή TalkBack (Android). Οι επικεφαλίδες, τα ορόσημα (landmarks), τα κουμπιά και τα πεδία φόρμας πρέπει να ανακοινώνονται με ονόματα που έχουν νόημα.

    EAA I.2.n WCAG 4.1.2WCAG 1.3.1WCAG 1.1.1

  3. Ποιότητα εναλλακτικού κειμένου

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

    EAA I.2.e WCAG 1.1.1

  4. Υπότιτλοι, απομαγνητοφωνήσεις και ηχητική περιγραφή

    Παρακολουθήστε κάθε βίντεο με τον ήχο κλειστό: οι υπότιτλοι πρέπει να είναι ακριβείς και συγχρονισμένοι. Ο ήχος χρειάζεται απομαγνητοφώνηση, και οι σημαντικές οπτικές πληροφορίες χρειάζονται ηχητική περιγραφή ή εναλλακτικό κείμενο.

    EAA I.2.f WCAG 1.2.2WCAG 1.2.1WCAG 1.2.3WCAG 1.2.5

  5. Σειρά ανάγνωσης και εστίασης

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

    EAA I.1.d WCAG 1.3.2WCAG 2.4.3

  6. Μεγέθυνση, αναδιάταξη (reflow) και απόσταση κειμένου

    Μεγεθύνετε το πρόγραμμα περιήγησης στο 200% και στο 400% (παράθυρο πλάτους 320 px). Δεν πρέπει να χάνεται κείμενο ή λειτουργία, δεν πρέπει να απαιτείται οριζόντια κύλιση, και η αυξημένη απόσταση κειμένου δεν πρέπει να αποκόπτει περιεχόμενο.

    EAA I.2.d WCAG 1.4.4WCAG 1.4.10WCAG 1.4.12

  7. Σύνδεσμοι, ετικέτες και μηνύματα σφάλματος

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

    EAA I.2.j WCAG 2.4.4WCAG 2.4.6WCAG 3.3.1WCAG 3.3.3

  8. Χρώμα και αισθητηριακές ενδείξεις

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

    EAA I.1.d WCAG 1.4.1WCAG 1.3.3WCAG 1.4.11

  9. Κίνηση, χρονισμός και αναλαμπές

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

    EAA I.2.h WCAG 2.2.2WCAG 2.2.1WCAG 2.3.1

  10. Προβλέψιμη συμπεριφορά

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

    EAA I.2.l WCAG 3.2.1WCAG 3.2.2WCAG 3.2.3WCAG 3.2.4

  11. Δήλωση προσβασιμότητας και ανάδραση

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

    EAA I.2.b Δημιουργήστε δήλωση προσβασιμότητας →

Σχετικά με αυτή τη λίστα ελέγχου

Αυτή είναι η λίστα ελέγχου του RankProof, όχι η αρίθμηση της ίδιας της Οδηγίας: κωδικοί όπως το I.2.c είναι δικά μας αναγνωριστικά. Τα σημεία ομαδοποιούνται ανάλογα με το μέρος της Οδηγίας (ΕΕ) 2019/882 από το οποίο προκύπτουν — τα αποτελέσματα διεπαφής του Παραρτήματος I (Τμήμα I για προϊόντα, Τμήμα III για υπηρεσίες), οι πρόσθετες απαιτήσεις για συγκεκριμένες υπηρεσίες (Παράρτημα I, Τμήμα IV), οι πληροφορίες του Άρθρου 13 και του Παραρτήματος V, και οι εξαιρέσεις των Άρθρων 14 και 4(5). Η αντιστοίχιση με το WCAG 2.1 επιπέδου AA ακολουθεί το EN 301 549 v3.2.1. Ελέγχετε πάντα το επίσημο κείμενο στο EUR-Lex.

Δωρεάν · χωρίς λογαριασμό

Πώς τα πάει ο ιστότοπός σας;

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

Δωρεάν έλεγχος ή διαβάστε τον οδηγό συμμόρφωσης EAA