Ο καθένας έχει τις δικές του προτιμήσεις και ανάγκες - και το Joomla τα φροντίζει όλα.

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

Αυτές οι προσθήκες μπορεί να είναι χρήσιμες - αλλά να γνωρίζετε ότι δεν καθιστούν μια τοποθεσία προσβάσιμη από μόνες τους!

Backend: Ατομικές ρυθμίσεις προσβασιμότητας

Στο Joomla 4 είναι δυνατή η αλλαγή των ρυθμίσεων για το backend σε βάση χρήστη: κάθε χρήστης μπορεί να προσαρμόσει το backend στις ανάγκες του. Οι ρυθμίσεις προσβασιμότητας βρίσκονται στο προφίλ χρήστη (Χρήστες -> Διαχείριση) και στο μενού χρήστη στην επάνω δεξιά γωνία του backend σας.

 

Υπάρχουν τέσσερις διαφορετικές ρυθμίσεις που μπορούν να χρησιμοποιηθούν μεμονωμένα ή σε συνδυασμό. Το Monochrome θα αλλάξει τα χρώματα του backend από μπλε σε μαύρο/άσπρο:

Η υψηλή αντίθεση θα αφαιρέσει κάποιο φόντο και θα κάνει την αντίθεση πιο φωτεινή:

 

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

Το Increase Font Size αλλάζει το βασικό μέγεθος γραμματοσειράς σε 18 px (το τυπικό μέγεθος γραμματοσειράς στα προγράμματα περιήγησης είναι κυρίως 16 px).

Για χρήστες: Πρόσθετο Skip-to-navigation

Αυτή η προσθήκη είναι ενεργοποιημένη από προεπιλογή για το backend, αλλά μπορεί επίσης να ενεργοποιηθεί και για το frontend.

 

Βοηθά τους χρήστες του πληκτρολογίου να μεταβούν απευθείας σε μια περιοχή του ιστότοπου. 

Για χρήστες: Πρόσθετο προσβασιμότητας

Οι ρυθμίσεις προσβασιμότητας είναι χρήσιμες για την προσαρμογή του συστήματος υποστήριξης για κάθε μεμονωμένο χρήστη υποστήριξης. Αλλά είναι επίσης δυνατό να προσφερθούν δυνατότητες προσβασιμότητας για τους επισκέπτες της σελίδας σας. Η προσθήκη "Πρόσθετες λειτουργίες προσβασιμότητας" μπορεί να ενεργοποιηθεί για το backend, το frontend ή και τα δύο: 

 

Η προσθήκη προσθέτει ένα κουμπί στο κάτω μέρος της σελίδας. Για να ανοίξετε/κλείσετε τις λειτουργίες, μπορείτε να χρησιμοποιήσετε ένα πλήκτρο πρόσβασης, CTRL+ALT+A στα Windows ή CTRL+OPTION+A σε MacOS.

 

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

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

Στιγμιότυπο οθόνης Firefox

 

Υπάρχει μια λειτουργία αλλαγής των γκρι αποχρώσεων της σελίδας, η οποία μπορεί να χρησιμοποιηθεί σε Edge ή Chrome, αλλά είναι απενεργοποιημένη στον Firefox.

Screenshot Edge

 

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

Ενότητα ή Λειτουργία	hot key
Εναλλαγή μενού	CTRL + ALT + A
Γκρι αποχρώσεις	CTRL + ALT + G
Υπογράμμιση συνδέσμων	CTRL + ALT + U
Μεγάλος Δρομέας	CTRL + ALT + C
Οδηγός ανάγνωσης	CTRL + ALT + R
Κείμενο σε ομιλία	CTRL + ALT + T
Ομιλία σε κείμενο	CTRL + ALT + S

Στιγμιότυπο οθόνης Cassiopeia δοκιμαστική σελίδα με ενεργοποιημένο οδηγό ανάγνωσης

 

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

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

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

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

Το WCAG δεν απαιτεί υπογράμμιση των συνδέσμων (πρέπει να επισημαίνονται), αλλά οι υπογραμμισμένοι σύνδεσμοι μπορούν να βελτιώσουν την προσβασιμότητα για άτομα με προβλήματα όρασης ή για άτομα που δυσκολεύονται να συγκεντρωθούν.

Για χρήστες: Language of Parts στο TinyMCE

Τι είναι αυτό?

Μια ετικέτα που επισημαίνει ένα μέρος ενός κειμένου ως "άλλη γλώσσα". Είναι χρήσιμη για τις μηχανές αναζήτησης ή τους αναγνώστες οθόνης, ώστε να γνωρίζουν ότι πρέπει να αλλάξουν τη γλώσσα ή την προφορά τους. Φανταστείτε ένα πρόγραμμα ανάγνωσης οθόνης να χρησιμοποιεί αγγλική προφορά για μια φράση όπως "honni soit qui mal y pense" - ακούγεται άβολο!

Πώς να ρυθμίσετε;

Στο πρόσθετο TinyMCE μπορείτε να ορίσετε τις γλώσσες που χρησιμοποιείτε στα κείμενά σας. 

 

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

Πώς να το χρησιμοποιήσετε στο πρόγραμμα επεξεργασίας;

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

 

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

Για συγγραφείς και συντάκτες: Έλεγχος προσβασιμότητας - jooa11y 

Θυμηθείτε αυτό το άρθρο του Brian Teeman που ανακοινώνει μια νέα και συναρπαστική βελτίωση του Joomla: https://magazine.joomla.org/all-issues/july-2021/a-web-without-barriers. 

Τώρα το έχουμε στο σκάφος! 

Αυτή η προσθήκη βοηθά στην παροχή προσβάσιμου περιεχομένου στον ιστότοπό σας.

Πού μπορείτε να το βρείτε;

Είναι ένα πρόσθετο συστήματος, το όνομά του είναι jooa11y. Έχετε αυτό το πρόσθετο με την έκδοση Joomla 4.1.0, είναι ενεργοποιημένο από προεπιλογή. 

 

Στο πρόσθετο μπορείτε να ορίσετε ποια περιοχή του ιστότοπού σας είναι επιλεγμένη (η προεπιλογή είναι η κύρια περιοχή) και μπορείτε να συμπεριλάβετε ή να εξαιρέσετε κάποιους κανόνες. Για την αρχή απλά κρατήστε τις προκαθορισμένες ρυθμίσεις.

Ποιος ωφελείται από αυτό;

Επισκέπτες στον ιστότοπό σας, επειδή λαμβάνουν περιεχόμενο χωρίς εμπόδια.

Συγγραφείς περιεχομένου στον ιστότοπό σας, επειδή μπορούν να παράγουν περιεχόμενο χωρίς εμπόδια.

Εταιρείες και προγραμματιστές ιστού - διαθέτουν προϊόν που επιτρέπει την παροχή περιεχομένου χωρίς εμπόδια

Πως να το χρησιμοποιήσεις?

Γράψτε οποιοδήποτε άρθρο και αποθηκεύστε ή ανοίξτε οποιοδήποτε υπάρχον άρθρο. 

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

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

Πώς λειτουργεί;

Σίγουρα θυμάστε τον περίφημο κανόνα «Η αντίθεση του χρώματος του κειμένου και του χρώματος φόντου πρέπει να έχει λόγο αντίθεσης > 4,5»;

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

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

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

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

 

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

Ας δούμε βήμα βήμα: 

Το πούλι βρέθηκε

• Σφάλματα αντίθεσης σε δύο σημεία - αυτά είναι σφάλματα.
• Ένας σύνδεσμος που έχει target=_blank. Αυτό μπορεί να είναι σωστό και προορισμένο - αλλά γενικά δεν είναι καλή πρακτική και επομένως εμφανίζεται μια προειδοποίηση. 
• Μια εικόνα χωρίς εναλλακτικό κείμενο - αυτό είναι ένα σφάλμα. 

Παρατηρήσεις

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

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

Περιθωριο ΒΕΛΤΙΩΣΗΣ

Το Joomla είναι πάντα "εργασία σε εξέλιξη" και οι προσθήκες που συζητούνται εδώ εξακολουθούν να εξελίσσονται. Στο επόμενο Google Summer of Code συμπεριλάβαμε ένα έργο προσβασιμότητας που θα βελτιώσει την προσθήκη προσβασιμότητας. Μείνετε συντονισμένοι και σκεφτείτε προσβάσιμες!

Ευχαριστώ

Αυτό το άρθρο είναι μια συμπαραγωγή με την Christiane Maier-Stadtherr . Ελέγξτε αυτόν τον σύνδεσμο για άλλα άρθρα του Christiane .

Ευχαριστούμε τον Stefan Wajda για τα χρήσιμα σχόλιά του.