Δήλωση προσβασιμότητας
Συμμόρφωση με τον Νόμο υπ’ αριθ. 424/2023 για την προσβασιμότητα
Η παρούσα σελίδα συνοψίζει πώς το ηλεκτρονικό μας κατάστημα/ιστότοπος συμμορφώνεται με τις απαιτήσεις του Νόμου υπ’ αριθ. 424/2023 για την προσβασιμότητα ιστοτόπων και εφαρμογών για κινητές συσκευές. Ο νόμος βασίζεται στην Οδηγία 2019/882 της Ευρωπαϊκής Ένωσης και προβλέπει ότι οι ψηφιακές υπηρεσίες πρέπει να είναι προσβάσιμες από όλους τους χρήστες, συμπεριλαμβανομένων των ατόμων με αναπηρία.
Απαιτήσεις του νόμου και η συμμόρφωσή μας
- Οι ψηφιακές υπηρεσίες πρέπει να είναι προσβάσιμες σε όλους τους χρήστες, συμπεριλαμβανομένων των ατόμων με αναπηρία.
- Ο νόμος δεν ορίζει συγκεκριμένες τεχνικές απαιτήσεις, αλλά επιτρέπει την απόδειξη προσβασιμότητας μέσω ενός εναρμονισμένου προτύπου.
- Σύμφωνα με το άρθρο 16 του Νόμου υπ’ αριθ. 424/2023, η συμμόρφωση θεωρείται επαρκής εφόσον πληρούνται τα κριτήρια του εναρμονισμένου προτύπου ή μέρους του.
- Για την τεκμηρίωση της συμμόρφωσης, εφαρμόζουμε το πρότυπο EN 301 549 V3.2.1:2021 και τις WCAG 2.2 σε επίπεδο AA. Τα πρότυπα αυτά καθορίζουν συγκεκριμένα κριτήρια προσβασιμότητας και μεθόδους αξιολόγησης.
Συμμόρφωση με βάση το εναρμονισμένο πρότυπο
Ακολουθούν τα συγκεκριμένα μέτρα με τα οποία διασφαλίζουμε τη συμμόρφωση:
- Ο ιστότοπος είναι αντιληπτός, λειτουργικός, κατανοητός και σταθερός σύμφωνα με τις αρχές WCAG 2.2.
- Όλες οι λειτουργίες του ιστότοπου είναι προσβάσιμες και μόνο με πληκτρολόγιο.
- Διασφαλίζεται η συμβατότητα με τεχνολογίες υποστήριξης.
- Όλες οι εικόνες περιλαμβάνουν νοηματικά κείμενα εναλλακτικής περιγραφής (alt).
- Τα χρώματα και η αντίθεση σχεδιάστηκαν με σκοπό τη μέγιστη αναγνωσιμότητα για χρήστες με προβλήματα όρασης.
- Ο ιστότοπος είναι αναγνώσιμος και λειτουργικός ακόμη και με μεγέθυνση κειμένου έως 200%.
- Οι φόρμες περιλαμβάνουν σωστά συνδεδεμένες ετικέτες και είναι προσβάσιμες σε αναγνώστες οθόνης.
- Η δομή του ιστότοπου είναι λογική, οι επικεφαλίδες και η πλοήγηση σαφείς και ιεραρχικά οργανωμένες.
- Ολόκληρος ο ιστότοπος φέρει σωστή δήλωση γλώσσας σελίδας.
- Το περιεχόμενο είναι διαθέσιμο σε όλες τις συσκευές (υπολογιστής, κινητό, tablet).
- Ο ιστότοπος ελέγχεται τακτικά με αυτόματα και χειροκίνητα εργαλεία, συμπεριλαμβανομένων αναγνωστών οθόνης.
- Κατόπιν αιτήματος, παρέχουμε πληροφορίες προσβασιμότητας και σε ηχητική μορφή.
Πίνακας συμμόρφωσης με EN 301 549 / WCAG 2.2:
| Απαίτηση | Περιγραφή | Τεχνολογίες και εργαλεία | Μέθοδος ελέγχου |
| Προσβασιμότητα με πληκτρολόγιο (WCAG 2.2 - 2.1 / EN 301 549 - 9.2.1) |
Όλες οι λειτουργίες είναι προσβάσιμες μόνο με πληκτρολόγιο. | HTML, tabindex, ARIA | Χειροκίνητος έλεγχος με πληκτρολόγιο |
| Συμβατότητα με βοηθητικές τεχνολογίες (WCAG 2.2 - 4.1.2 / EN 301 549 - 9.4.1) |
Τα στοιχεία είναι κατάλληλα περιγραφόμενα και αναγνώσιμα από αναγνώστες οθόνης. | HTML με νόημα, ARIA, alt περιγραφές | Δοκιμή με: NVDA, JAWS, VoiceOver, TalkBack |
| Εναλλακτικά κείμενα (WCAG 2.2 - 1.1.1 / EN 301 549 - 9.1.1) |
Οι εικόνες έχουν νοηματικό alt, διακοσμητικές εικόνες με alt="" | HTML5 | Χειροκίνητος έλεγχος, εργαλείο WAVE |
| Επαρκής αντίθεση (WCAG 2.2 - 1.4.3 / EN 301 549 - 9.1.4.3) |
Αντίθεση χρωμάτων τουλάχιστον 4.5:1 | CSS, WebAIM Contrast Checker | Έλεγχος με Lighthouse και WAVE, χειροκίνητος έλεγχος |
| Μεγέθυνση κειμένου (WCAG 2.2 - 1.4.4 / EN 301 549 - 9.1.4.4) |
Περιεχόμενο παραμένει αναγνώσιμο και λειτουργικό με μεγέθυνση έως 200% | Responsive CSS | Χειροκίνητη δοκιμή σε προγράμματα περιήγησης |
| Προσβάσιμες φόρμες (WCAG 2.2 - 3.3.2 / EN 301 549 - 9.2.5) |
Ετικέτες, λογική δομή, ευανάγνωστα μηνύματα σφαλμάτων | HTML5, ARIA | Χειροκίνητος έλεγχος, NVDA, VoiceOver |
| Λογική δομή περιεχομένου (WCAG 2.2 - 1.3.1 / EN 301 549 - 9.1.3) |
HTML με νόημα, επικεφαλίδες, σειρά στοιχείων | HTML με νόημα | Validator, χειροκίνητος έλεγχος |
| Ορισμός γλώσσας σελίδας (WCAG 2.2 - 3.1.1 / EN 301 549 - 9.3.1.1) |
Δήλωση κύριας γλώσσας μέσω του χαρακτηριστικού lang | HTML5 lang | Χειροκίνητος έλεγχος του HTML |
| Ορατή επισήμανση focus (WCAG 2.2 - 2.4.7 / EN 301 549 - 9.2.4.7) |
Η επισήμανση πρέπει να είναι πάντα ορατή και μη καλυμμένη | CSS, ARIA | Χειροκίνητος έλεγχος με πληκτρολόγιο |
| Σχεδιασμός focus (WCAG 2.2 - 2.4.11 / EN 301 549 - 9.2.4.7) |
Η επισήμανση πρέπει να είναι ευδιάκριτη (π.χ. περίγραμμα, αλλαγή χρώματος) | CSS | Χειροκίνητος έλεγχος με πληκτρολόγιο |
| Έλεγχος χωρίς σύρσιμο (WCAG 2.2 - 2.5.7 / EN 301 549 - 9.2.5.4) |
Δεν απαιτείται drag & drop – υπάρχει εναλλακτική με κλικ | JS fallback ή κουμπί εναλλακτικό | Δεν χρησιμοποιούνται στοιχεία που βασίζονται αποκλειστικά στο drag & drop |
| Ελάχιστο μέγεθος στόχου (WCAG 2.2 - 2.5.8 / EN 301 549 - 9.5) |
Τα κουμπιά και τα στοιχεία ελέγχου έχουν τουλάχιστον 24×24 px | CSS | Έλεγχος σε διάφορες συσκευές |
| Responsive σχεδίαση (βασισμένο σε WCAG 2.2 - 2.5.8, 1.4.4) |
Ο ιστότοπος είναι ευανάγνωστος και λειτουργικός σε όλες τις συσκευές | Responsive CSS | Δοκιμή σε διαφορετικούς τύπους συσκευών |
| Συνέπεια (WCAG 2.2 - 3.2.6 / EN 301 549 - 9.3.2.3) |
Η βοήθεια, η πλοήγηση, τα στοιχεία επικοινωνίας και άλλα στοιχεία είναι διαθέσιμα με συνέπεια σε όλες τις σελίδες | Πλοήγηση, σύνδεσμοι | Χειροκίνητος έλεγχος σε πολλαπλές σελίδες |