18 Προσβασιμότητα ιστολογίου

Σύμφωνα με την Υπουργική Απόφαση με αρ. 2418/Δ3 (ΦΕΚ 111/Β΄/15-1-2026) καθορίζονται οι υποχρεώσεις προσβασιμότητας των ιστοτόπων των σχολικών μονάδων.

Με στόχο τη διευκόλυνση του έργου σας, το Πανελλήνιο Σχολικό Δίκτυο είχε προχωρήσει ήδη σε σχετικές προσαρμογές στην υπηρεσία blogs.sch.gr.

Έτσι για τα ιστολόγια που φιλοξενούνται στο blogs.sch.gr η Δήλωση Προσβασιμότητας είναι κοινή, έχει ενσωματωθεί ειδικό εργαλείο υποστήριξης (για αλλαγή αντίθεσης, μεγέθους γραμματοσειράς κ.λπ.) και το ΠΣΔ διενεργεί τακτικούς ελέγχους για τη συνεχή βελτίωση της προσβασιμότητας των διαθέσιμων θεμάτων εμφάνισης.

Επιγραμματικά:

• Δήλωση προσβασιμότητας: Έχει προστεθεί αυτόματα σύνδεσμος στο υποσέλιδο κάθε ιστολογίου, πλήρως εναρμονισμένη με το νέο ΦΕΚ. Η κοινή δήλωση προσβασιμότητας είναι διαθέσιμη στο  https://blogs.sch.gr/dilosi-prosvasimotitas/
• Οι διαχειριστες ιστολογίου δεν απαιτείται να προβούν σε καμία ενέργεια ανάρτησης δήλωσης ή εγκατάστασης εργαλείων προσβασιμότητας
• Εργαλείο επιλογών βελτίωσης προσβασιμότητας σε όλα τα ιστολόγια.
• Υποχρέωση Συντακτών: Παρακαλούνται οι δημιουργοί περιεχομένου να τηρούν τις βασικές αρχές προσβασιμότητας. Δείτε τις οδηγίες στο https://www.sch.gr/accessibility_guide.

Όμως, η πλήρη συμμόρφωση με τις οδηγίες, απαιτεί την τήρηση και από πλευράς δημιουργού περιεχομένου των βασικές αρχών προσβασιμότητας  π.χ. μέγεθος γραμμάτων, αντιθέσεις χρωμάτων κ.α. Παρακαλούμε ενημερωθείτε σχετικά από τις οδηγίες στο https://www.sch.gr/accessibility_guide.

Έλεγχος προσβασιμότητας του ιστολογίου σας

Η διασφάλιση ότι το ιστολόγιο σας είναι προσβάσιμο σε όλους τους χρήστες —ανεξάρτητα από τυχόν αναπηρίες ή τεχνικούς περιορισμούς— είναι πλέον απαραίτητη. Yπάρχουν εξειδικευμένα εργαλεία ελέγχου προσβασιμότητας όπως το WAVE, κ.α. ή οι αναγνώστες οθόνης (Screen Readers), όμως μία γρήγορη και αξιόπιστη αρχή μπορεί να γίνει με το εργαλείο Google Lighthouse είναι ενσωματωμένο στον Google Chrome. Δείτε τις οδηγίες για την χρήση του στο https://www.sch.gr/accessibility_guide#toc-2.

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

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

1. Χρησιμοποιείτε τα έτοιμα στυλ: Μην αλλάζετε τα γράμματα μόνοι σας. Διαλέξτε από το σύστημα αν κάτι είναι «Κεφαλίδα 1», «Κεφαλίδα 2» ή «Παράγραφος».
2. Κρατήστε τη σειρά: Μην πηδάτε από Κεφαλίδα 1  σε έναν πολύ μικρή κεφαλίδα π.χ. Κεφαλίδα 4 χωρίς λόγο.
3. Μην πειράζετε τις γραμματοσειρές: Μην αλλάζετε τα χρώματα, τα μεγέθη ή τα κενά ανάμεσα στα γράμματα. Αφήστε τα όπως είναι προκαθορισμένα.
4. Γράψτε απλά: Προτιμήστε μικρές προτάσεις και σύντομες παραγράφους που διαβάζονται εύκολα.
5. Όχι μόνο κεφαλαία: Μην γράφετε ολόκληρες προτάσεις με κεφαλαία γράμματα· κουράζουν και δυσκολεύουν την ανάγνωση.
6. Ξεκάθαροι σύνδεσμοι: Όταν βάζετε ένα σύνδεση, γράψτε μια λέξη που να εξηγεί πού οδηγεί (π.χ. «Δείτε την αίτηση εδώ» αντί για ένα απλό «Κλικ εδώ»).
7. Ίδιο παράθυρο: Μην αλλάσετε το που θα ανοίγουν οι σύνδεση. Θα πρέπει να ανοίγουν στην ίδια καρτέλα που βρίσκεται ο χρήστης και όχι σε καινούργια.
8. Περιγραφή εικόνων: Οι εικόνες σας πρέπει να ταιριάζουν με το κείμενο και να έχουν πάντα μια σύντομη περιγραφή (το λεγόμενο alt text) για άτομα με προβλήματα όρασης.

Εργαλείο προσβασιμότητας

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

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

Διαθέσιμες επιλογές εργαλείου Προσβασιμότητας

Ο αναγνώστης ενός ιστολογίου όταν ανοίξει το εργαλείο έχει στη διάθεση του τις παρακάτω επιλογές:

• Κλείσιμο. Ο σύνδεσμος «Κλείσιμο» κλείνει το ενεργό παράθυρο με τις διαθέσιμες επιλογές από το Προσβασιμότητα.
• Αλλαγή μεγέθους γραμματοσειράς Οι σύνδεσμοι Α^– και Α⁺ αλλάζουν το μέγεθος της γραμματοσειράς στο κείμενο του ιστολογίου. Πατώντας το κουμπί Α⁺  το μέγεθος αυξάνεται, ενώ με το  Α^–  μειώνεται.

 

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

• Ευανάγνωστη Γραμματοσειρά Ο σύνδεσμος «Ευανάγνωστη Γραμματοσειρά» εφαρμόζει μια πιο ευανάγνωστη γραμματοσειρά στο κείμενο του ιστολογίου. (Δεν ισχύει για όλα τα θέματα εμφάνισης, καθώς αρκετά έχουν ήδη γραμματοσειρά που χαρακτηρίζεται ως ευανάγνωστη).

• Αντίθεση – Επιλέξτε χρώμα Ο σύνδεσμος  «Επιλέξτε χρώμα»  της Αντίθεσης σας επιτρέπει να προσθέσετε παραλλαγές αντίθεσης του χρώματος φόντου στο ιστολόγιό σας. Εάν το φόντο σας δυσκολεύει στην ανάγνωση του κειμένου, μπορείτε εύκολα να δημιουργήσετε μία από τις δικές σας παραλλαγές με το απλό εργαλείο επιλογής χρωμάτων (έως 8 παραλλαγές).

• Υπογράμμιση συνδέσμων. Ο σύνδεσμος «Υπογράμμιση συνδέσμων» εφαρμόζει υπογράμμιση για όλους τους συνδέσμους στο ιστολόγιο, για πιο εύκολο εντοπισμό τους.

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

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

• Αντιστροφή χρωμάτων Ο σύνδεσμος «Αντιστροφή χρωμάτων» πραγματοποιεί εναλλαγή χρωμάτων στο ιστολόγιο, με επιλογή εφαρμογής ισχυρού εφέ αντίθεσης σε όλη την εμφάνιση του ιστολογίου.

• Αφαίρεση στυλ Ο σύνδεσμος «Αφαίρεση στυλ» καταργεί όλα τα στυλ του ιστολογίου και εμφανίζει το ιστολόγιο σε πρωτογενή έκδοση HTML.

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

 

Διαμόρφωση των ρυθμίσεων του εργαλείου Προσβασιμότητας

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

Εκεί είναι διαθέσιμες οι παρακάτω επιλογές για τις ρυθμίσεις προσβασιμότητας, τις οποίες μας παρέχεται η δυνατότητα να ενεργοποιήσουμε και να απενεργοποιήσουμε, επιλέγοντας αντίστοιχα On ή Off σε κάθε ρύθμιση,
είτε να εισάγουμε διαφορετικό «Τίτλο» από τον προκαθορισμένο της αντίστοιχης ρύθμισης. Επιπλέον μπορούμε να ορίσουμε την γραμματοσειρά που θεωρούμε ως Ευανάγνωστη, να κάνουμε ρυθμίσεις που αφορούν την αντίθεση, μορφοποίηση και τους  συνδέσμους. Υπάρχει επίσης η δυνατότητα να ορίσουμε δικό μας εικονίδιο για το εργαλείο Προσβασιμότητας, αλλά και να καθορίσουμε την θέση του και το αν αυτό θα είναι διαθέσιμο σε κινητές συσκευές.

 

 

Επιπλέον, πατώντας από το κάθετο μενού στην επιλογή «Προσβασιμότητα à Σειρά Μικροεφαρμογών» μπορούμε μέσω μεταφοράς και απόθεσης των μικροεφαρμογών να αλλάξουμε την θέση εμφάνισης τους στο εργαλείο Προσβασιμότητας.

 

Mέσω της επιλογής του κάθετου μενού«Προσβασιμότητα à DOMs Scanner» μπορούμε να ελέγξουμε τις ιστοσελίδες του ιστολογίου για σφάλματα WCAG (προσβασιμότητας). Για παράδειγμα, αν υπάρχουν τα χαρακτηριστικά tag ALT στις εικόνες, και αν οι σύνδεσμοι μας έχουν τα χαρακτηριστικά  “title” και την ετικέτα “aria”.

 

Τέλος, από την οθόνη «Προσβασιμότητα à  Έλεγχος συνημμένων» μπορούμε εύκολα να εντοπίσουμε εικόνες που δεν έχουν “Alt ετικέτα (Εναλλακτικό κείμενο)”, που είναι απαραίτητη για την προσβασιμότητα και να την προσθέσουμε άμεσα, όπου εμφανίζεται το κείμενο ‘δίχως εναλλακτικό κείμενο’ με κόκκινα γράμματα.