Διόρθωση Κειμένων
Διόρθωση Αντιθέσεων
Έξυπνες Διορθώσεις
Διόρθωση Κειμένων
Διόρθωση Αντιθέσεων
Κείμενο
Μέγεθος Γραμματοσειράς
Διάστιχο
Ευανάγνωστη Γραμματοσειρά
Χρώμα
Αντίθεση
Γκρίζα κλίμακα
Αντιστροφή
Χρώμα Ιστοσελίδας
Σύνδεσμοι
Υπογράμμιση
Επισήμανση
Εργαλεία
Κέρσορας
Αναγνώστης οθόνης
Πλοήγηση με το Πλ/γιο
Εικονικό Πλ/γιο.
Απενεργοποίηση Κινήσεων
Το AA Web Accessibility αναπτύχθηκε στο πλαίσιο πτυχιακής εργασίας με στόχο τη βελτίωση της εμπειρίας πλοήγησης και της ψηφιακής προσβασιμότητας. Το plugin* επιτρέπει στον χρήστη να προσαρμόζει άμεσα την εμφάνιση και τη λειτουργία μιας ιστοσελίδας σύμφωνα με τις ανάγκες του, χωρίς να απαιτούνται μόνιμες αλλαγές στο WordPress theme ή στο περιεχόμενο του ιστότοπου.
*Σχεδιασμένο για περιβάλλον WordPress με έμφαση στις αρχές προσβασιμότητας και την πρακτική εφαρμογή τους.
Η παρούσα εργασία επικεντρώνεται στη μελέτη της ηλεκτρονικής προσβασιμότητας και στην ανάπτυξη ενός εργαλείου που μπορεί να ενισχύσει ουσιαστικά την εμπειρία χρήσης ενός σύγχρονου ιστότοπου. Η ανάγκη αυτή συνδέεται άμεσα με το γεγονός ότι μεγάλο μέρος του περιεχομένου του Ιστού παραμένει δύσχρηστο για άτομα με αναπηρία, ηλικιωμένους χρήστες ή άτομα με προσωρινές δυσκολίες πλοήγησης.
Στο πλαίσιο αυτό αναπτύχθηκε το AA Web Accessibility, ένα plugin για WordPress που παρέχει λειτουργίες προσαρμογής κειμένου, χρωμάτων, πλοήγησης και υποβοήθησης, ενώ παράλληλα προσφέρει διαχειριστικό περιβάλλον για την παραμετροποίησή του από τον διαχειριστή του ιστότοπου.
Το AA Web Accessibility συγκεντρώνει ένα σύνολο εργαλείων που στοχεύουν στη βελτίωση της αναγνωσιμότητας, της πλοήγησης και της συνολικής προσβασιμότητας μιας ιστοσελίδας. Οι λειτουργίες του εφαρμόζονται άμεσα στον browser του χρήστη και μπορούν να ενεργοποιηθούν χωρίς τεχνικές γνώσεις.
Αλλαγή μεγέθους γραμματοσειράς, απόστασης χαρακτήρων και επιλογή ευανάγνωστων γραμματοσειρών για καλύτερη αναγνωσιμότητα.
Εργαλεία αντίθεσης, γκρίζας κλίμακας, αντιστροφής χρωμάτων και επιλογής έτοιμων χρωματικών συνδυασμών.
Υπογράμμιση και επισήμανση συνδέσμων ώστε να είναι πιο εύκολα αναγνωρίσιμοι μέσα στο περιεχόμενο της σελίδας.
Μεγάλος κέρσορας, reading mask, guide cursor, πλοήγηση με πληκτρολόγιο και εικονικό πληκτρολόγιο.
Μετατροπή κειμένου σε ομιλία μέσω Text-to-Speech για υποστήριξη χρηστών με δυσκολία ανάγνωσης ή οπτική αναπηρία.
Έξυπνες διορθώσεις σε επικεφαλίδες, labels φορμών, αντίθεση και προβολή της δομής της σελίδας.
Μία από τις σημαντικές λειτουργίες του plugin είναι η δυνατότητα περιορισμού κινήσεων και animations. Η συγκεκριμένη επιλογή στοχεύει στη δημιουργία μιας πιο ήπιας και σταθερής εμπειρίας πλοήγησης για χρήστες που ενδέχεται να επηρεάζονται από έντονες μεταβάσεις, animation effects ή συνεχείς οπτικές κινήσεις στην οθόνη.
Η λειτουργία αυτή είναι ιδιαίτερα χρήσιμη σε περιπτώσεις γνωστικής επιβάρυνσης, φωτοευαισθησίας ή δυσφορίας από την έντονη οπτική κίνηση.
Το plugin δεν απευθύνεται μόνο στον τελικό χρήστη, αλλά και στον διαχειριστή της ιστοσελίδας. Μέσα από ξεχωριστή σελίδα ρυθμίσεων στο WordPress, παρέχεται η δυνατότητα κεντρικού ελέγχου των λειτουργιών που θα είναι διαθέσιμες στο frontend.
Ο διαχειριστής μπορεί να ενεργοποιεί ή να απενεργοποιεί το accessibility panel, να ορίζει τη θέση εμφάνισής του, να ρυθμίζει τη διάρκεια αποθήκευσης των cookies, να ελέγχει ποιες ενότητες και υπολειτουργίες θα είναι ενεργές, καθώς και να παραμετροποιεί το υποσύστημα Text-to-Speech.
Οι ρυθμίσεις του διαχειριστή μεταφέρονται στο frontend και επηρεάζουν άμεσα τη συμπεριφορά του plugin στον browser.
Η λειτουργία του plugin βασίζεται σε συνδυασμό frontend και backend τεχνολογιών, ώστε οι παρεμβάσεις να εφαρμόζονται άμεσα στη σελίδα, ενώ παράλληλα να υποστηρίζονται και λειτουργίες που απαιτούν επικοινωνία με τον server.
Το plugin εγκαθίσταται και ενεργοποιείται μέσα από το περιβάλλον διαχείρισης του WordPress, όπως κάθε άλλο plugin.
Ο διαχειριστής καθορίζει ποιες λειτουργίες θα είναι διαθέσιμες, καθώς και τις βασικές παραμέτρους λειτουργίας του συστήματος.
Ο επισκέπτης αλληλεπιδρά με το accessibility panel και ενεργοποιεί τις λειτουργίες που τον εξυπηρετούν.
Οι επιλογές αποθηκεύονται σε cookies και εφαρμόζονται ξανά σε επόμενες επισκέψεις, ώστε να διατηρείται μια συνεπής εμπειρία χρήσης.
Η ανάπτυξη του AA Web Accessibility βασίστηκε στις βασικές αρχές των οδηγιών WCAG, με στόχο τη βελτίωση της αντιληπτότητας, της λειτουργικότητας, της κατανοησιμότητας και της συμβατότητας του περιεχομένου. Αν και το plugin δεν μπορεί από μόνο του να επιλύσει κάθε πρόβλημα προσβασιμότητας ενός ιστότοπου, λειτουργεί ως ένα σημαντικό υποστηρικτικό εργαλείο που ενισχύει την εμπειρία πλοήγησης και μειώνει ουσιαστικά αρκετά από τα συνήθη εμπόδια χρήσης.
Βελτίωση αναγνωσιμότητας μέσω ρυθμίσεων κειμένου, αντίθεσης και μετατροπής κειμένου σε ομιλία.
Υποστήριξη πλοήγησης με πληκτρολόγιο, εργαλείων δρομέα και πιο άμεσης πρόσβασης στη δομή της σελίδας.
Βελτίωση της κατανόησης του περιεχομένου μέσω ευανάγνωστων fonts, καθαρότερης δομής και βοηθητικών λειτουργιών.
Λειτουργία σε σύγχρονους browsers και δυνατότητα ενσωμάτωσης σε διαφορετικά WordPress themes.
Το AA Web Accessibility αναπτύχθηκε στο πλαίσιο πτυχιακής εργασίας με θέμα την έρευνα και ανάπτυξη πλατφόρμας για τη βελτίωση της προσβασιμότητας ατόμων με αναπηρία στο διαδίκτυο.
Η εργασία συνδυάζει θεωρητικό υπόβαθρο γύρω από την ηλεκτρονική προσβασιμότητα με πρακτική υλοποίηση σε περιβάλλον WordPress, δίνοντας έμφαση τόσο στις ανάγκες του τελικού χρήστη όσο και στις δυνατότητες διαχείρισης από τον διαχειριστή του ιστότοπου.
Φοιτήτρια: Αφροδίτη Ασημακοπούλου
Τμήμα: Πληροφορικής και Τηλεματικής
Ίδρυμα: Χαροκόπειο Πανεπιστήμιο
Έτος: 2026
Το site αυτό λειτουργεί ως συνοπτική παρουσίαση του plugin και της πτυχιακής εργασίας που το συνοδεύει. Μέσα από τις ενότητες που ακολουθούν παρουσιάζονται οι βασικές λειτουργίες του, το διαχειριστικό του περιβάλλον και ο τρόπος με τον οποίο μπορεί να υποστηρίξει έναν πιο προσβάσιμο WordPress ιστότοπο.