Νέα

Ενεργά έργα

Τελευταία ενημέρωση: 31 Οκτωβρίου 2026

Σε εξέλιξη

v3: Μια πλήρης σουίτα διασφάλισης ποιότητας

27 Σεπτεμβρίου 2026

Παρουσίαση στο DrupalCon Europe 2026

Βασικές νέες λειτουργίες

• Συγχώνευση του πυρήνα ελέγχων με το Sa11y. Το νέο σύνολο κανόνων, που αναπτύχθηκε από κοινού, προσθέτει ελέγχους για προγραμματιστές, έλεγχο αντίθεσης και βαθμολόγηση αναγνωσιμότητας στους βασικούς ελέγχους περιεχομένου.
• Υποστήριξη πολλών γλωσσών
• Εργαλείο δημιουργίας προσαρμοσμένων ελέγχων
• Εργαλεία συντήρησης πίνακα ελέγχου
• Ένα εργαλείο σάρωσης ιστοτόπου για την προσθήκη νέων αποτελεσμάτων.
• Επιτρέπει σε ορισμένους ρόλους να απορρίπτουν ειδοποιήσεις σε επίπεδο ιστοτόπου για ορισμένους ελέγχους (π.χ. «είναι προσβάσιμο αυτό το PDF;»).
• Διαχωρισμένη ρύθμιση: έλεγχοι και προβολές αναφορών ανά ρόλο, ξεχωριστά για προγραμματιστές και για συντάκτες περιεχομένου.

Και ίσως το σημαντικότερο για το μέλλον του έργου:

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

v2: Απορρίψεις & αναφορές

2 Μαρτίου 2023

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

Πιστεύαμε ότι θα κάλυπτε μια ανάγκη που έμενε ακάλυπτη. Όλες οι υπάρχουσες επιλογές απαιτούσαν εκπαίδευση και επιμελή χρήση για να είναι χρήσιμες, και η εμπειρία μάς είχε δείξει ότι η εκπαίδευση και η παρακολούθηση χιλιάδων συντακτών περιεχομένου σε έναν μεγάλο οργανισμό δεν ήταν αποδοτικός τρόπος αντιμετώπισης του προβλήματος. Για να πετύχει ένα πρόγραμμα, ήμασταν βέβαιοι ότι έπρεπε να είναι σε μεγάλο βαθμό αυτοματοποιημένο και να προσφέρει ευγενική «εκπαίδευση την κατάλληλη στιγμή» στους συντάκτες περιεχομένου, όταν εντόπιζε συνηθισμένα λάθη.

Και πέτυχε.

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

Εκτός Princeton, η αντίδραση ήταν ενθουσιώδης:

Συγγραφή αυτοτελών συμβουλών

Στις συμβουλές της v1 ακολουθήσαμε την προσέγγιση «σύνοψη και λεπτομέρειες»: μια σύντομη εξήγηση του ζητήματος και έναν σύνδεσμο για περισσότερες λεπτομέρειες.

Ήταν βελτίωση σε σχέση με τα εργαλεία που γράφονται για προγραμματιστές: οι συμβουλές ήταν σύντομες και σαφείς. Όμως το πού θα έδειχνε ο σύνδεσμος ήταν πάντα ζήτημα. Αρκετοί χρήστες από τον δημόσιο τομέα και την ανώτατη εκπαίδευση ένιωσαν την ανάγκη να τροποποιήσουν τις συμβουλές για να αφαιρέσουν τους συνδέσμους προς την τεκμηρίωση του Princeton, κάτι που τους δημιουργούσε επιπλέον δουλειά. Έτσι ξαναγράψαμε τις προεπιλεγμένες συμβουλές ώστε να είναι αυτοτελείς, με ενσωματωμένα παραδείγματα.

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

Έτσι μετατρέψαμε τις κίτρινες προειδοποιήσεις σε «χειροκίνητους ελέγχους» για να γίνει σαφέστερη η σημασία τους και προσθέσαμε κουμπιά που επιτρέπουν στους συντάκτες να απορρίπτουν ειδοποιήσεις. Οι ειδοποιήσεις που «αγνοούνται» κρύβονται μόνο για το άτομο που πατά το κουμπί· όσες «επισημαίνονται ως OK» κρύβονται για όλους τους συντάκτες του ιστοτόπου. Οι διαχειριστές του ιστοτόπου μπορούν να επιλέξουν ποιος έχει δικαίωμα για το καθένα.

Δημιουργία πίνακα ελέγχου

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

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

Ξενάγηση στον κώδικα της V2 για προγραμματιστές

Η V2 ήταν σχεδόν πλήρης επανεγγραφή. Μερικές από τις νέες λειτουργίες:

• Η κατάργηση της εξάρτησης από το jQuery επιτρέπει την εγκατάσταση σε περισσότερες πλατφόρμες και διπλασιάζει τις επιδόσεις.
• Ο ελεγκτής μπορεί πλέον να ρυθμιστεί ώστε να εξετάζει πολλά ανεξάρτητα τμήματα της σελίδας (π.χ. το περιεχόμενο του άρθρου και το υποσέλιδο της σελίδας).
• Ο ελεγκτής μπορεί πλέον να ελέγχει στοιχεία μέσα στο shadow DOM, το οποίο χρησιμοποιείται από διάφορα Web components και βιβλιοθήκες JavaScript.
• Πολλές νέες παράμετροι διευκολύνουν την ενσωμάτωση σε πλατφόρμες, όπως η αυτόματη αγνόηση όλων των ζητημάτων σε ορισμένες σελίδες για ορισμένους χρήστες, όταν δεν είναι υπεύθυνοι για το περιεχόμενο της σελίδας αλλά μπορεί να θέλουν να βλέπουν τα αποτελέσματα κατ’ απαίτηση.
• Ο ελεγκτής διατίθεται πλέον με πολλά βασικά θέματα και παραμέτρους για την προσαρμογή των χρωμάτων.
• Οι αυτοματοποιημένες δοκιμές βοηθούν στην αποτροπή οπισθοδρομήσεων στον κώδικα.

2024 A11yTalks

11 Ιουνίου 2024

Drupal GovCon 2023

27 Οκτωβρίου 2023

DrupalCamp NJ 2023

28 Μαρτίου 2023

v1: Βοήθεια μέσα στη σελίδα

11 Μαρτίου 2021

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

Πρέπει να αποθαρρυνθούν οικείες πρακτικές:

• Οι πίνακες δεν πρέπει να χρησιμοποιούνται για τη δημιουργία ψεύτικων στηλών
• Το συνεχές κείμενο δεν πρέπει να είναι στοιχισμένο στο κέντρο ή πλήρως στοιχισμένο
• Η αμιγώς οπτική μορφοποίηση (πάχος και μέγεθος γραμματοσειράς) δεν πρέπει να είναι ο μόνος τρόπος απόδοσης νοήματος στους χρήστες, οι οποίοι μπορεί να ακούν το περιεχόμενο ή να το βλέπουν σε «λειτουργία ανάγνωσης»

Πρέπει να ενθαρρυνθούν νέες πρακτικές:

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

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

Μαθήματα από την ιστορία της ορθογραφίας

Φάση 1: Φταίει ο συντάκτης

Από την αυγή της καταγεγραμμένης ιστορίας μέχρι τις αρχές της δεκαετίας του 1980, για κάθε ανορθογραφία έφταιγε ο συντάκτης. Ήταν δική του ευθύνη να μάθει να γράφει σωστά.

Πώς βελτίωνε κάποιος την ορθογραφία του; Αυτό θα σας φανεί οικείο:

1. Παρακολουθούσε μαθήματα, με δάσκαλο ή σε αίθουσα διδασκαλίας
2. Του έδιναν λίστες, οδηγίες και λεξικά για μελέτη, μια παράδοση που φτάνει ως τα αρχαία σφηνοειδή λεξικά χαραγμένα σε πηλό.

Φάση 2: Φταίει το λεξικό

Όμως κάτι άλλαξε στη δεκαετία του 1980: ας το πούμε «φάση 2 της ορθογραφίας». Τα δημοφιλέστερα προγράμματα επεξεργασίας κειμένου ενσωμάτωσαν ορθογραφικό έλεγχο.

Και τι απέγινε το παιχνίδι των ευθυνών; Σχεδόν από τη μια μέρα στην άλλη, η ευθύνη πέρασε στο εργαλείο:

• Δεν ξέρετε πώς γράφεται μια λέξη; Μαντεύετε και ελπίζετε να βρεθεί αντιστοιχία. Αν δεν βρεθεί, φταίει το λεξικό.
• Χρησιμοποιείτε μια υπαρκτή λέξη που το λεξικό επισημαίνει επειδή δεν την ξέρει; Γκρινιάζετε και αποφασίζετε αν θα αγνοήσετε την υπογράμμιση ή αν θα κάνετε δεξί κλικ για να προσθέσετε τη λέξη στο λεξικό.

Διόρθωσε ο ορθογραφικός έλεγχος όλα τα ορθογραφικά μας λάθη; Ασφαλώς όχι. Όμως βοήθησε. Και μετέφερε μεγάλο μέρος του βάρους και της ευθύνης από τον συντάκτη στη μηχανή.

Δεν ήταν όμως το τέλος…

Φάση 3: Φταίει το εργαλείο σύνταξης

Τα τελευταία χρόνια έγινε ένα ακόμη βήμα μπροστά: οι υπολογιστές άρχισαν να γράφουν αντί για εμάς:

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

Και ποιος φταίει όταν όλα αυτά στραβώνουν; Το εργαλείο!

Οι σελίδες που συγκεντρώνουν περιεχόμενο από τα μέσα κοινωνικής δικτύωσης λατρεύουν τα ντροπιαστικά στιγμιότυπα οθόνης του τύπου «Δεν εννοούσα αυτό!».

Το Editoria11y είναι ένα βήμα προς τη φάση 2

Στις εκπαιδεύσεις μας μιλάμε πολύ για δοκιμές και παρουσιάζουμε αρκετά αξιόλογα εργαλεία ελέγχου. Κανένα τους δεν μπορεί να τα εντοπίσει όλα: ζητήματα όπως «να αποφεύγεται η εξήγηση εννοιών μέσω αναφορών σε χρώματα ή θέσεις στον χώρο» πρέπει να ελέγχονται από άνθρωπο· τα εργαλεία συνήθως εντοπίζουν λίγο λιγότερα από τα μισά πραγματικά ζητήματα που μπορεί να έχει ένας ιστότοπος. Όμως τα εργαλεία τα καταφέρνουν πολύ καλά στον εντοπισμό πολλών συνηθισμένων λαθών στο περιεχόμενο που γράφουν οι συντάκτες.

Υπάρχουν όμως τρία προβλήματα:

1. Τα περισσότερα είναι χειροκίνητα εργαλεία. Ο δημιουργός περιεχομένου πρέπει να έχει διδαχθεί να τα χρησιμοποιεί, να θυμάται ότι υπάρχουν όταν γράφει το περιεχόμενό του και να θυμάται να τα εκτελεί όταν τελειώσει. Αυτά τα τρία σημεία αποτυχίας συνωμοτούν ώστε πολύ (το μεγαλύτερο;) μέρος του περιεχομένου να μένει χωρίς έλεγχο.
2. Επισημαίνουν υπερβολικά πολλά. Δεν σημειώνουν μόνο τα λάθη που μόλις έκανε ο συντάκτης, αλλά και προβλήματα χρώματος που άφησε ο σχεδιαστής, τεχνικά προβλήματα που άφησε ο προγραμματιστής, δομικά στοιχεία για ενημερωτικούς σκοπούς κ.λπ. Έτσι ανεβαίνει ο πήχης της εκπαίδευσης: δεν αρκεί οι συντάκτες να καταλαβαίνουν το εργαλείο· πρέπει να μάθουν επίσης να αγνοούν μια λίστα ψευδώς θετικών αποτελεσμάτων ή απολύτως υπαρκτών προβλημάτων που δεν είναι δική τους ευθύνη να διορθώσουν σήμερα, ενώ γράφουν το συγκεκριμένο άρθρο.
3. Τα αυτοματοποιημένα εργαλεία ακολουθούν συνήθως το μοντέλο «σαρώνουμε τον ιστότοπο, επισκέπτεσαι τον πίνακα ελέγχου». Και πάλι, αυτό προϋποθέτει ότι ο συντάκτης έχει εκπαιδευτεί να επισκέπτεται τον πίνακα ελέγχου και ότι θα το θυμάται.

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

Το αυτόματο είναι… δύσκολο.

1. Οι αυτόματοι ελεγκτές πρέπει να είναι διακριτικοί: αν είναι υπερβολικά επίμονοι, διακόπτουν και εκνευρίζουν τον συντάκτη. Αν είναι υπερβολικά ευγενικοί, γίνονται εύκολα θόρυβος στο βάθος που κανείς δεν προσέχει.
2. Οι αυτόματοι ελεγκτές πρέπει να έχουν υψηλές επιδόσεις: αν η σελίδα τρεμοπαίζει ή κολλάει όσο εκτελούνται, οι συντάκτες θα δυσανασχετούν με την παρουσία τους και θα τους απενεργοποιούν.
3. Οι αυτόματοι ελεγκτές χρειάζονται συμβουλές φιλικές προς τους αρχάριους. Για πολλούς συντάκτες θα είναι η πρώτη φορά που ακούν για τις ετικέτες, τη δομή και τη γλώσσα που κάνουν το περιεχόμενό τους πιο προσβάσιμο. Οι ειδοποιήσεις πρέπει να είναι γραμμένες σε απλή, μη τεχνική γλώσσα, με πρακτικές συμβουλές για τη βελτίωση του περιεχομένου.

Ξεκινήσαμε λοιπόν από το εργαλείο που πλησίαζε περισσότερο αυτούς τους στόχους: το Sa11y, από το Toronto Metropolitan University. Πήραμε την αρχιτεκτονική ελέγχων του και τη φιλική προς τον χρήστη προσέγγιση με πλαίσιο πληροφοριών και συμβουλές, και αφιερώσαμε μισό χρόνο στην προσαρμογή του εργαλείου, ώστε οι έλεγχοι να εκτελούνται πάντα αυτόματα· βελτιστοποιήσαμε τις επιδόσεις του, τροποποιήσαμε τις συμβουλές και δημιουργήσαμε μια μακρά λίστα επιλογών ρύθμισης με τις οποίες ένας προγραμματιστής μπορεί να το προσαρμόσει γρήγορα σε οποιαδήποτε πλατφόρμα.

Έτσι είναι σήμερα:

Όταν ένας συντάκτης έχει συνδεθεί στον ιστότοπό του, το κουμπί του Editoria11y δείχνει τον αριθμό και τον τύπο των ζητημάτων (επιτυχία, απαιτούνται χειροκίνητοι έλεγχοι, εντοπίστηκαν πιθανά ζητήματα) σε κάθε σελίδα. Με ένα κλικ εμφανίζονται οι επισημάνσεις και οι συμβουλές μέσα στο κείμενο. Αν το σφάλμα είναι νέο, επειδή βλέπει μια σελίδα που μόλις επεξεργάστηκε, το πλαίσιο ανοίγει αυτόματα.

Από τον Μάρτιο του 2021, αυτό σημαίνει ότι περισσότεροι από 400 ιστότοποι του Princeton ελέγχουν αυτόματα τα εξής:

• Σωστή δομή εγγράφου
  • Επίπεδα επικεφαλίδων που παραλείπονται
  • Κενές επικεφαλίδες
  • Πολύ μεγάλες επικεφαλίδες
  • Ύποπτα σύντομα παραθέματα που μπορεί στην πραγματικότητα να είναι επικεφαλίδες.
• Εναλλακτικά κείμενα
  • Εικόνες χωρίς εναλλακτικό κείμενο
  • Εικόνες με όνομα αρχείου ως εναλλακτικό κείμενο
  • Εικόνες με πολύ μεγάλο εναλλακτικό κείμενο
  • Εναλλακτικό κείμενο με περιττές λέξεις όπως «εικόνα του» ή «φωτογραφία του»
  • Εικόνες σε συνδέσμους με εναλλακτικό κείμενο που φαίνεται να περιγράφει την εικόνα και όχι τον προορισμό του συνδέσμου
  • Ενσωματωμένες οπτικοποιήσεις που συνήθως χρειάζονται εναλλακτικό κείμενο
• Ουσιαστικοί σύνδεσμοι
  • Σύνδεσμοι χωρίς κείμενο
  • Σύνδεσμοι με όνομα αρχείου ως τίτλο
  • Σύνδεσμοι με μόνο γενικό κείμενο ως τίτλο: «κάντε κλικ εδώ», «μάθετε περισσότερα», «λήψη» κ.λπ.
  • Σύνδεσμοι που ανοίγουν σε νέο παράθυρο χωρίς εικονίδιο εξωτερικού συνδέσμου
• Γενική διασφάλιση ποιότητας
  • Διασφάλιση ότι χρησιμοποιείται μορφοποίηση λίστας αντί για αστερίσκους, αριθμούς και γράμματα
  • ΜΕΓΑΛΕΣ ΠΟΣΟΤΗΤΕΣ ΚΕΙΜΕΝΟΥ ΜΕ CAPS LOCK
  • Πίνακες χωρίς κεφαλίδες και πίνακες με επικεφαλίδες εγγράφου («Επικεφαλίδα 3») αντί για κεφαλίδες πίνακα (<th>)
  • Σύνδεσμοι προς PDF και άλλα έγγραφα, με υπενθύμιση στον χρήστη να ελέγξει την προσβασιμότητα του αρχείου ή να παρέχει μια εναλλακτική, προσβάσιμη μορφή
  • Ενσωματωμένα βίντεο, με υπενθύμιση στον χρήστη να προσθέσει υπότιτλους
  • Ενσωματωμένος ήχος, με υπενθύμιση στον χρήστη να παρέχει απομαγνητοφώνηση
  • Ενσωματωμένο περιεχόμενο από μέσα κοινωνικής δικτύωσης, με υπενθύμιση στον χρήστη να παρέχει εναλλακτικό κείμενο

Διαθέσαμε τη βιβλιοθήκη JavaScript στην κοινότητα, δημιουργήσαμε μια έτοιμη προς χρήση ενσωμάτωση για Drupal και ξεκινήσαμε την εργασία σε μια έτοιμη προς χρήση ενσωμάτωση για WordPress.

Προς τη φάση 3: Προσβάσιμο εξ ορισμού

Από πολλές απόψεις, το Editoria11y είναι μια προσωρινή λύση. Τα περισσότερα λάθη που εντοπίζει έγιναν επειδή θέσαμε νέες απαιτήσεις στους συντάκτες περιεχομένου («δώστε στο περιεχόμενό σας σωστή δομή με ετικέτες»), αλλά τους δώσαμε εργαλεία που ενθάρρυναν το αντίθετο.

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

• Επανεξέταση των διαθέσιμων επιλογών. Για παράδειγμα: αν συνεχίζουμε να λέμε στους χρήστες να μην στοιχίζουν πλήρως το κείμενο στο Διαδίκτυο, μήπως ήρθε η ώρα να αποσύρουμε το κουμπί «πλήρης στοίχιση»;
• Επανεξέταση των προεπιλογών. Για παράδειγμα: ο προεπιλεγμένος πίνακας στα περισσότερα συστήματα διαχείρισης περιεχομένου δεν έχει κεφαλίδες. Το βάρος πέφτει στον χρήστη: πρέπει να ξέρει να κάνει κλικ στις «ιδιότητες» και να προσθέσει λειτουργίες προσβασιμότητας· μήπως ήρθε η ώρα να αντιστραφεί αυτό;
• Διερεύνηση της προβλεπτικής μορφοποίησης και των «υποδείξεων κατά την εργασία». Αν ένας χρήστης κάνει μια ολόκληρη γραμμή έντονη, μπορούμε να προτείνουμε να τη μετατρέψει σε επικεφαλίδα; Αν ένας χρήστης πάει να επιλέξει επικεφαλίδα, μπορούμε να μαντέψουμε ποια επίπεδα επικεφαλίδων θα ήθελε, αντί να του δίνουμε έξι επιλογές; Μπορούμε να προσφέρουμε εκπαίδευση την κατάλληλη στιγμή για δύσκολες έννοιες;