Ο ιστότοπος Yfeos (https://yfeos.com
) αξιολογήθηκε βάσει των Οδηγιών για την Προσβασιμότητα Περιεχομένου Ιστού (WCAG) 2.1, Επίπεδο AA, χρησιμοποιώντας τη μεθοδολογία W3C WCAG-EM. Με βάση τον συνδυασμό αυτοματοποιημένων ελέγχων (Lighthouse, Axe, WAVE) και χειροκίνητης επιθεώρησης (πλοήγηση με πληκτρολόγιο, έλεγχοι αναγνώστη οθόνης, ανάλυση αντίθεσης χρωμάτων), ο ιστότοπος θεωρείται συμμορφούμενος με το WCAG 2.1 Επίπεδο AA.
Η βασική λειτουργικότητα, συμπεριλαμβανομένης της περιήγησης στις συλλογές, της προβολής λεπτομερειών προϊόντων, της προσθήκης στο καλάθι και της ολοκλήρωσης αγοράς, δοκιμάστηκε σε περιβάλλοντα επιτραπέζιου και κινητού. Το πολυμεσικό περιεχόμενο (hero video) διαθέτει υπότιτλους και απομαγνητοφώνηση. Οι φόρμες παρέχουν προσβάσιμες ετικέτες, σαφείς οδηγίες και χειρισμό σφαλμάτων.
Δεν εντοπίστηκαν κρίσιμα ζητήματα προσβασιμότητας. Μικρές βελτιώσεις μπορούν να εφαρμοστούν στο πλαίσιο της συνεχούς συντήρησης, αλλά συνολικά ο ιστότοπος προσφέρει μια χωρίς αποκλεισμούς εμπειρία για άτομα με αναπηρίες.
-Για επιτραπέζιους υπολογιστές:
Google Chrome (τελευταία έκδοση) με NVDA (Windows)
Mozilla Firefox (τελευταία έκδοση) με NVDA (Windows)
Safari (τελευταία έκδοση) με VoiceOver (macOS)
Για κινητά:
Safari σε iOS (τελευταία έκδοση) με VoiceOver
Chrome σε Android (τελευταία έκδοση) με TalkBack
-Άλλες παράμετροι:
Πλοήγηση μόνο με πληκτρολόγιο (χωρίς ποντίκι)
Μεγέθυνση έως 200% χωρίς απώλεια περιεχομένου ή λειτουργικότητας
Έλεγχος με αυτοματοποιημένα εργαλεία (Lighthouse, WAVE, Axe) για κριτήρια WCAG 2.1 AA
Η αξιολόγηση καλύπτει όλες τις δημόσια διαθέσιμες σελίδες και περιεχόμενο του ιστότοπου, όχι μόνο δείγμα.
Η έκθεση περιλαμβάνει κατάλογο όλων των εντοπισμένων ζητημάτων προσβασιμότητας και όχι μόνο ενδεικτικά παραδείγματα.
Για κάθε ζήτημα, καταγράφεται περιγραφή προβλήματος και προτεινόμενη προσέγγιση διόρθωσης.
Τα αποτελέσματα αυτοματοποιημένων ελέγχων (Lighthouse, WAVE, Axe) συνδυάστηκαν με χειροκίνητη επιθεώρηση δομής, σημασιολογίας ARIA, πλοήγησης με πληκτρολόγιο και εξόδου αναγνώστη οθόνης.
Η αξιολόγηση πραγματοποιήθηκε λαμβάνοντας υπόψη τόσο περιβάλλοντα επιτραπέζιων όσο και κινητών συσκευών.
Αναφορά σε 50 από 50 κριτήρια επιτυχίας WCAG 2.1 AA.
Success Criteria.
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 1.1.1: Μη κειμενικό περιεχόμενο | Ολόκληρο το δείγμαΕπιτυχία HeroΕπιτυχία οι Συλλογές μαςΕπιτυχία οι Συλλογές μαςΕπιτυχία Σχετικά με εμάςΕπιτυχία Σελίδα προϊόντοςΕπιτυχία Δήλωση ΠροσβασιμότηταςΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Όλες οι εικόνες προϊόντων διαθέτουν περιγραφικά alt· τα διακοσμητικά εικονίδια έχουν κενό alt. HeroΧωρίς παρατηρήσεις οι Συλλογές μαςΧωρίς παρατηρήσεις οι Συλλογές μαςΧωρίς παρατηρήσεις Σχετικά με εμάςΧωρίς παρατηρήσεις Σελίδα προϊόντοςΧωρίς παρατηρήσεις Δήλωση ΠροσβασιμότηταςΧωρίς παρατηρήσεις |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 1.2.1: Ήχος-μόνο & Βίντεο-μόνο (Προηχογραφημένα) | Ολόκληρο το δείγμαΜη εφαρμοστέο | Ολόκληρο το δείγμαΠαρατηρήσεις Δεν υπάρχει περιεχόμενο μόνο ήχου ή μόνο βίντεο. |
| 1.2.2: Υπότιτλοι (Προηχογραφημένα) | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Το hero video διαθέτει υπότιτλους και απομαγνητοφώνηση. |
| 1.2.3: Εναλλακτική μέσων ή περιγραφή ήχου | Ολόκληρο το δείγμαΜη εφαρμοστέο | Ολόκληρο το δείγμαΠαρατηρήσεις Δεν υπάρχει περιεχόμενο βίντεο το οποίο χρήζει απομαγνητοφώνησης |
| 1.2.4: Υπότιτλοι (Ζωντανό) | Ολόκληρο το δείγμαΜη εφαρμοστέο | Ολόκληρο το δείγμαΠαρατηρήσεις Κανένα Ζωντανό βίντεο ή ήχος |
| 1.2.5: Περιγραφή ήχου (Προηχογραφημένα) | Ολόκληρο το δείγμαΜη εφαρμοστέο | Ολόκληρο το δείγμαΠαρατηρήσεις Δεν υπάρχει περιεχόμενο ήχου το οποίο χρήζει απομαγνητοφώνησης |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 1.3 Προσαρμοστικό (Adaptable) | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Επικεφαλίδες, λίστες, πίνακες και πεδία φόρμας με σωστή σημασιολογία. |
| 1.3.2: Νοηματική ακολουθία | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Σειρά ανάγνωσης επαληθευμένη με αναγνώστες οθόνης. |
| 1.3.3: Sensory Characteristics | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Instructions never rely on color/shape alone. |
| 1.3.4: Προσανατολισμός | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Λειτουργεί σε κάθετη/οριζόντια διάταξη (κινητό/desktop). |
| 1.3.5: Αναγνώριση σκοπού εισόδου | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Πεδία checkout με κατάλληλα autocomplete. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 1.4.1: Χρήση χρώματος | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Καμιά πληροφορία δεν βασίζεται στο χρώμα για την επικοινωνία |
| 1.4.2: Έλεγχος ήχου | Ολόκληρο το δείγμαΜη εφαρμοστέο | Ολόκληρο το δείγμαΠαρατηρήσεις Κανένα κομμάτι ήχου δεν παίζει αυτόματα |
| 1.4.3: Ελάχιστη αντίθεση | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Έλεγχος με εργαλεία αντίθεσης· όλες οι συζεύξεις ≥ 4.5:1. |
| 1.4.4: Αλλαγή μεγέθους κειμένου | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Το περιεχόμενο προσαρμόζεται ακάμα και σε 200% zoom χωρίς απώλειες |
| 1.4.5: Εικόνες κειμένου | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Καμία εικόνα κειμένου δεν χρησιμοποιείται(εξαιρείτε το λογότυπο) |
| 1.4.10: Reflow | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Δυναμικό περιεχόμενο το οποίο δεν αλλοιώνεται και δεν απαιτείται οριζόντια κύλιση |
| 1.4.11: Μη κειμενική αντίθεση | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις UI ελέγχοι και δείκτες συγκέντρωσης έχουν τουλάχιστον 3:1 αντίθεση |
| 1.4.12: Απόσταση κειμένου | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Ελέγχθηκε με προσαρμοσμένη απόσταση. Καμία αλλοίωση δεν επήλθε. |
| 1.4.13: Περιεχόμενο σε hover ή focus | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Δυνατότητα απόρριψης αναδυόμενων παραθύρων/συμβουλών εργαλείων, ελεγχόμενα εργαλεία κατάδειξης/εστίασης. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 2.1.1: Πληκτρολόγιο | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Ελέγχθηκε με πληκτρολόγιο.: όλοι οι σύνδεσμοι, αναδυόμενα παράθυρα και φόρμες είναι λειτουργικά. |
| 2.1.2: Χωρίς παγίδευση | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Η εστίαση λειτουργεί χωρίς παρεμποδίσεις, καμία παγίδευση δεν εντοπίστηκε |
| 2.1.4: Συντομεύσεις πλήκτρων χαρακτήρων | Ολόκληρο το δείγμαΜη εφαρμοστέο | Ολόκληρο το δείγμαΠαρατηρήσεις Καμία συντόμευση ενός πλήκτρου δεν εφαρμόστηκε |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 2.2.1: Ρυθμιζόμενος χρόνος | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Κανένα χρονικό όριο δεν εφαρμόστηκε: ΟΙ πεπερασμένοι χρόνοι καλαθιού και checkout προσαρμόζονται από τον φυλλομετρητή. |
| 2.2.2: Παύση/Διακοπή/Απόκρυψη | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Τα κουμπιά ελέγχου των βίντεο είναι προσβάσιμα, η μη-απαραίτητα. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 2.3.1: Τρεις αναλαμπές ή κάτω από το όριο | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Κανένα περιεχόμενο με αναλαμπές. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 2.4.1: Παράκαμψη μπλοκ | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Παρέχεται skip-link για την κύρια πλοήγηση. |
| 2.4.2: Τίτλος σελίδας | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Κάθε σελίδα διαθέτει περιγραφική ετικέτα |
| 2.4.3: Σειρά εστίασης | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Επιβεβαιώθηκε λογική σειρά μέσω tab. |
| 2.4.4: Σκοπός συνδέσμου (στο πλαίσιο) | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Οι σύνδεσμοι είναι περιγραφικοί· τα εικονίδια διαθέτουν aria-labels. |
| 2.4.5: Πολλαπλοί τρόποι | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Οι σελίδες είναι προσβάσιμες μέσω πλοήγησης, breadcrumbs και αναζήτησης. |
| 2.4.6: Επικεφαλίδες και ετικέτες | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Επικεφαλίδες/λίστες με συνεπή δομή. |
| 2.4.7: Ορατή εστίαση | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Ο ορατός δείκτης εστίασης πληροί τις απαιτήσεις αντίθεσης. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 2.5.1: Χειρονομίες δείκτη | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Όλη η λειτουργικότητα (π.χ. μεγέθυνση εικόνας προϊόντος, πλοήγηση γκαλερί) λειτουργεί με ένα πάτημα/κλικ· δεν απαιτούνται χειρονομίες με μονοπάτι. |
| 2.5.2: Ακύρωση ενεργειών δείκτη | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Όλες οι ενέργειες με έναν δείκτη (π.χ. προσθήκη στο καλάθι, υποβολή φόρμας) απαιτούν σκόπιμη ενεργοποίηση· δεν υπάρχει τυχαία ενεργοποίηση σε αφή. |
| 2.5.3: Σήμανση στο όνομα | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Τα στοιχεία UI (κουμπιά, σύνδεσμοι) έχουν προσβάσιμα ονόματα που ταιριάζουν με τις ορατές ετικέτες· π.χ. το κουμπί «Προσθήκη στο Καλάθι» ανακοινώνεται ως «Προσθήκη στο Καλάθι». |
| 2.5.4: Λειτουργία μέσω κίνησης | Ολόκληρο το δείγμαΜη εφαρμοστέο | Ολόκληρο το δείγμαΠαρατηρήσεις Ο ιστότοπος δεν χρησιμοποιεί κίνηση συσκευής (π.χ. κούνημα, κλίση) για αλληλεπίδραση. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 3.1.1: Γλώσσα σελίδας | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Η γλώσσα της σελίδας έχει οριστεί σωστά (EN/GR). |
| 3.1.2: Γλώσσα τμημάτων | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Ο επιλογέας γλώσσας εφαρμόζει σωστά τα γνωρίσματα γλώσσας. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 3.2.1: Σε εστίαση | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Δεν υπάρχουν απρόσμενες αλλαγές περιβάλλοντος στην εστίαση. |
| 3.2.2: Σε εισαγωγή | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Οι αλλαγές σε φόρμες δεν προκαλούν απρόσμενες μεταβολές περιβάλλοντος. |
| 3.2.3: Συνεπής πλοήγηση | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Τα μενού είναι συνεπή σε όλο τον ιστότοπο. |
| 3.2.4: Συνεπής αναγνώριση | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Τα εικονίδια/χειριστήρια φέρουν συνεπείς επισημάνσεις. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 3.3.1: Αναγνώριση σφάλματος | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Τα σφάλματα φορμών υποδεικνύονται με σαφές κείμενο. |
| 3.3.2: Ετικέτες ή οδηγίες | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Οι φόρμες περιλαμβάνουν σαφείς ετικέτες/οδηγίες. |
| 3.3.3: Υπόδειξη διόρθωσης | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Οι φόρμες checkout παρέχουν υποδείξεις για τη διόρθωση λαθών εισαγωγής. |
| 3.3.4: Πρόληψη σφάλματος (νομικά, οικονομικά, δεδομένα) | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Η διαδικασία checkout απαιτεί επιβεβαίωση πριν την οριστικοποίηση της αγοράς. |
| Κριτήριο επιτυχίας | Αποτέλεσμα | Παρατηρήσεις |
|---|---|---|
| 4.1.1: Ανάλυση (Parsing) | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Έγκυρο HTML· χωρίς σημαντικά σφάλματα ανάλυσης. |
| 4.1.2: Όνομα, ρόλος, τιμή | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Τα στοιχεία διεπαφής εκθέτουν σωστά ρόλους/ετικέτες στις βοηθητικές τεχνολογίες. |
| 4.1.3: Μηνύματα κατάστασης | Ολόκληρο το δείγμαΕπιτυχία | Ολόκληρο το δείγμαΠαρατηρήσεις Τα στοιχεία διεπαφής εκθέτουν σωστά ρόλους/ετικέτες στις βοηθητικές τεχνολογίες. |
HTML,CSS,WAI-ARIA,JavaScript,SVG,Video,Fonts,Images
Εργαλεία και Μέθοδοι Αξιολόγησης:
– Αυτοματοποιημένα εργαλεία: Lighthouse (a11y audits, αναφορές JSON), Axe DevTools, WAVE.
– Χειροκίνητοι έλεγχοι: πλοήγηση μόνο με πληκτρολόγιο, διαχείριση εστίασης, σημασιολογία αναδυόμενων, ορόσημα ARIA, δομή επικεφαλίδων, alt text, επαλήθευση αντίθεσης χρωμάτων.
Προγράμματα περιήγησης που δοκιμάστηκαν:
– Chrome (latest, desktop & mobile)
– Brave (desktop)
– Safari (desktop & iOS mobile)
– Firefox (desktop)
Βοηθητικές τεχνολογίες που δοκιμάστηκαν:
– NVDA (Windows, with Chrome/Firefox)
– VoiceOver (macOS & iOS Safari)
– TalkBack (Android Chrome)
Τεχνολογίες στις οποίες βασίζεται ο ιστότοπος:
– HTML5, CSS3, JavaScript, WAI-ARIA
– Web fonts (Manrope, Work Sans, Inter, Cormorant Garamond)
– Images (WebP, JPG, PNG)
– Video (WebM, MP4 with poster, captions, transcript)
Πεδίο κάλυψης: Ολόκληρος ο δημόσιος ιστότοπος (αρχική, σελίδες προϊόντων, checkout, σελίδες λογαριασμού, ενημερωτικές σελίδες, γλωσσικές παραλλαγές).
*We respect your privacy and your data. You may review our Πολιτική Απορρήτου