Πρόβλημα με Aria-Labels & Roles για ΑΜΕΑ σε WordPress
-
Καλησπέρα στην Ελληνική κοινότητα του WordPress!
Πρώτη μου ανάρτηση στο Ελληνικό forum και ελπίζω να μπορέσει κάποιος να με βοηθήσει!
Έχω κάποιο θέμα με τα “Aria-Labels” & “Roles” σχετικά με την Προσβασιμότητα (Accessibility) από ΑΜΕΑ.
Σε WordPress site πελάτη μου που κατασκεύασα προ 1,5 έτους περίπου με τη χρήση του Elementor, του θέματος OceanWP και του πρόσθετου ΑΜΕΑ “One Click Accessibility
By One Click Accessibility” (https://wordpress.org/plugins/pojo-accessibility/), μου βγάζει κάποια Errors και Contrast Errors το Wave (https://wave.webaim.org/) όταν πάω να κάνω Evaluation το site μου. Ο λόγος που το κάνω Evaluation είναι διότι με ειδοποίησε ο πελάτης μου ότι τον έχει μπλοκάρει το ΕΣΠΑ στη χρηματοδότηση λόγω αυτών των Errors και πρέπει οπωσδήποτε να διορθωθούν.Ανεβάζω screenshots από τα Errors για να τα δείτε αναλυτικά.
Η ερωτήσεις μου είναι:
1) Πως επεμβαίνω στον HTML κώδικα της κάθε σελίδας στο WordPress για να πειράξω πράγματα (προσθέτοντας δηλαδή τα ανάλογα labels/roles που χρειάζονται) ;
2) Τα Errors αυτά βγαίνουν λόγω χρήσης “κακού/προβληματικού πρόσθετου ΑΜΕΑ” που χρησιμοποίησα; Λόγω του Θέματος που δεν τα προβλέπει; Λόγω του Elementor; Λόγω του WordPress του ιδίου που δεν τα προβλέπει;
Θέλω να πω, τι πρέπει να προσέξω την επόμενη φορά που θα εγκαταστήσω πρόσθετο ΑΜΕΑ για να μην έχω ξανά Errors; Έκανα εγώ κάποια λάθος επιλογή ή ξέχασα να συμπληρώσω κάποια τμήματα κάπου;
3) Πως διορθώνονται επίσης τα Contrast Errors που μου βγάζει το Wave;
Ευχαριστώ!
Εκτιμώ πολύ τη βοήθεια σας ή την οποιαδήποτε συμβολή σας στη λύση εκ των προτέρων!
Screnshots:
https://i.ibb.co/VVrsKRN/Wave-Accessibility-errors-1.png
https://i.ibb.co/37Hb58G/Wave-Accessibility-errors-2.png
https://i.ibb.co/sjx60Lk/Wave-Accessibility-errors-3.png
-
Καλησπέρα. Αν και καθυστερημένος, αφήνω εδώ μια απάντηση μήπως την χρεαστεί κανένας στο μέλλον.
Υπάρχουν ιστοσελίδες που απλά δεν συμφέρει να καθίσεις να ασχοληθείς για να τις κάνεις κατάλληλες για ΑΜΕΑ, ειδικά οι παλαιότερες σελίδες. Σε αυτές τις περιπτώσεις, πιο γρήγορα φτιάχνεις από την αρχή μία νέα ιστοσελίδα που να περνά όλα τα tests από το να προσπαθήσεις να διορθώσεις την ήδη υπάρχουσα, και συνήθως να μην πληρωθείς ικανοποιητικά για τον κόπο σου.
Έχοντας αυτόν τον γενικό κανόνα υπόψη μας, έχουμε τα εξής (απαντώ στα ερωτήματα):
- Αρχικά επεμβαίνεις στο theme και διορθώνεις τα σφάλματα που πετά από μόνο του σε κάθε σελίδα. Σε δεύτερη φάση επεμβαίνεις στην κάθε σελίδα χωριστά προσπαθώντας να διορθώσεις το σφάλμα που υπάρχει σε κάθε block/element. Αν δεν διορθώνεται (όχι σπάνιο φαινόμενο), αφαιρείς το block/element και βάζεις κάποιο άλλο στη θέση του. Υπάρχουν themes που διορθώνεις 5-10 πράγματα και είσαι έτοιμος και υπάρχουν άλλα που δεν είναι καλοφτιαγμένα (για αυτό το κομμάτι) και πετάνε συνέχεια σφάλματα. Για το συγκεκριμένο theme δεν γνωρίζω.
- Το ότι βάζουμε ένα plugin για ΑΜΕΑ δεν σημαίνει ότι αυτό θα διορθώσει όλα τα προβλήματα που υπάρχουν. Επίσης, ανάλογα με το ΑΜΕΑ plugin μπορεί να δημιουργηθούν errors από το ίδιο το plugin που πρέπει μετά να διορθώσεις.
Το theme όπως ανέφερα είναι η βασικότερη πηγή σφαλμάτων. Οπότε σίγουρα παίζει ρόλο.
Το Elementor είναι άλλη πηγή προβλημάτων. Είναι ωραίο, είναι εύχρηστο, είναι πολύ βοηθητικό αλλά συνήθως δεν κάνει για ΑΜΕΑ (εκτός και αν σχεδιάστηκε εξαρχής το theme με γνώμονα την εξυπηρέτηση και ιστοσελίδων για ΑΜΕΑ).
Όσο για το WordPress το ίδιο, δεν δημιουργεί εκείνο σφάλματα αλλά το theme και τα plugins που χρησιμοποιεί. Και αν σε βγάλει αυτό κανένα πρόβλημα, πολύ εύκολα διορθώνεται. - Τα contrast errors διορθώνονται αλλάζοντας το contrast του element. Είναι πολύ εύκολο.
- Θα πρέπει να έχετε πραγματοποιήσει σύνδεση για να απαντήσετε σε αυτό το θέμα.