Έλεγχος Προσβασιμότητας στα κείμενα που πληκτρολογείτε στον επεξεργαστή κειμένου Atto

Οδηγοί για διδάσκοντες/ διδάσκουσες > Προχωρημένα θέματα > Εργαλεία Προσβασιμότητας (Accessibility Tools) > Έλεγχος Προσβασιμότητας στα κείμενα που πληκτρολογείτε στον επεξεργαστή κειμένου Atto

Τελευταία ενημέρωση: 20/5/2024


Περιεχόμενα

  1. Εισαγωγή
  2. Ελεγκτής προσβασιμότητας (Accessibility checker)
  3. Βοηθός αναγνώστη οθόνης (Screenreader helper)
  4. Εισαγωγή εναλλακτικού κειμένου (alt text) σε εικόνα

Εισαγωγή

Καθώς δημιουργείτε τα κείμενά σας, για οποιαδήποτε δραστηριότητα ή πόρο του ηλεκτρονικού σας μαθήματος, μπορείτε να ελέγχετε αν τα όσα καταχωρείτε στον Atto text editor  διευκολύνουν την Προσβασιμότητα χρησιμοποιώντας τα εικονίδια accessibility_tool.png Accessibility checker και Editing-Text-and-media-area.png Screenreader helper, όπως φαίνονται σε κόκκινο πλαίσιο στην επόμενη εικόνα.

atto_text_editor.png

Ελεγκτής προσβασιμότητας (Accessibility checker)

Κάνοντας κλικ στο εικονίδιο accessibility tool Accessibility checker θα λάβετε σε αναδυόμενο παράθυρο μια αναφορά Προσβασιμότητας για τα περιεχόμενα που έχετε καταχωρήσει στον Atto text editor. Το εργαλείο Accessibility checker προσπαθεί να εντοπίσει στο περιεχόμενο που ελέγχει κοινά προβλήματα όπως:

  • εικόνες που δε συνοδεύονται από εναλλακτικό κείμενο (alt text), με εξαίρεση τις εικόνες που έχουν επισημανθεί ως διακοσμητικού ρόλου,

  • χρωματικούς συνδυασμούς φόντου και γραμματοσειράς που δεν ακολουθούν τη προδιαγραφή WCAG AA,

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

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

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

accessibility_checker_report.png

Βοηθός αναγνώστη οθόνης (Screenreader helper)

Κάνοντας κλικ στο εικονίδιο screenreader_helper-icon.pngScreenreader helper θα λάβετε σε αναδυόμενο παράθυρο μια αναφορά για τα περιεχόμενα που έχετε καταχωρήσει στον Atto text editor, στην οποία θα βρείτε:

  • πληροφορίες σχετικά με τα html στυλ που εφαρμόζονται στο κείμενο που έχετε επιλέξει (ή αν δεν έχετε επιλέξει κάποιο κείμενο τότε στη σειρά όπου βρίσκεται ο δρομέας),

  • μια λίστα των συνδέσμων (hyperlinks) που θα εντοπιστούν στο σύνολο των περιεχομένων του Atto text editor,

  • μια λίστα των εικόνων που θα εντοπιστούν στο σύνολο των περιεχομένων του Atto text editor.

Χρησιμοποιώντας το Screenreader helper μπορείτε να αντιληφθείτε άμεσα πως εμφανίζεται ένας σύνδεσμος χωρίς τα συμφραζόμενά του. Αυτό μπορεί να σας παρακινήσει να μη χρησιμοποιείτε κείμενα συνδέσμων όπως το "κάντε κλικ εδώ" ώστε τα κείμενά σας να είναι περισσότερο προσβάσιμα.

Επιπλέον, χρησιμοποιώντας το Screenreader helper μπορείτε να αντιληφθείτε άμεσα πως όταν οι χρήστες/ριες χρησιμοποιούν έναν αναγνώστη οθόνης οι εικόνες σας αντικαθίσταται από τα εναλλακτικά κείμενα (alt text). Παρατηρώντας την αντίστοιχη λίστα μπορείτε να εντοπίσετε αν χρειάζονται βελτιώσεις στα εναλλακτικά κείμενα ή αν κάπου δεν έχετε εισάγει ήδη εναλλακτικό κείμενο να προχωρήσετε στην συμπλήρωσή του.

Στην εικόνα που ακολουθεί βλέπετε ένα παράδειγμα αναφοράς του Screenreader helper.