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

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

Γιατί να μην σκεφτείτε και την ιστοσελίδα της επιχείρησής σας με τον ίδιο τρόπο;

• Τι είναι η προσβασιμότητα ιστοσελίδας;
• Έλεγχος προσβασιμότητας ιστοσελίδας: συνηθισμένα λάθη
• Πώς μπορώ να κάνω την ιστοσελίδα μου πιο προσβάσιμη;
• Συμπέρασμα: η προσβασιμότητα ιστοσελίδας εξυπηρετεί όλους τους επισκέπτες

Τι είναι η Προσβασιμότητα Ιστοσελίδας;

Η προσβασιμότητα ιστοσελίδας είναι η πρακτική του σχεδιασμού του website σας με τέτοιον τρόπο ώστε να μην υπάρχουν εμπόδια και ανακρίβειες για άτομα με αναπηρίες. Αυτό περιλαμβάνει τα άτομα εκείνα που έχουν προβλήματα με την όρασή τους, την ακοή, τη χρήση του ποντικιού του Η/Υ, την ανάγνωση και την κατανόηση ή άλλα προβλήματα σε κινητικές δεξιότητες.

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

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

Συχνά, τα άτομα που χρησιμοποιούν έναν ιστότοπο «κανονικά» δεν σκέφτονται τα εμπόδια που θα μπορούσαν να καταστήσουν αδύνατη τη χρήση του από άλλα άτομα. Αυτή η λίστα δεν είναι εξαντλητική, αλλά αναφέρεται σε ορισμένα συνηθισμένα εμπόδια:

• Σημαντικές πληροφορίες “κρυμμένες” σε μια φωτογραφία ή ένα ινφογράφημα. Ένα άτομο που χρησιμοποιεί έναν αναγνώστη κειμένου σε φωνή, δεν μπορεί να το διαβάσει.
• Περιεχόμενο ήχου ή βίντεο χωρίς υπότιτλους ή απομαγνητοφώνηση.
• Ένα μεγάλο, περίπλοκο μενού πλοήγησης. Κάποιος που χρησιμοποιεί πληκτρολόγιο για να πλοηγηθεί στην ιστοσελίδα σας θα πρέπει να μετακινηθεί χειροκίνητα σε όλες αυτές τις σελίδες για να φτάσει εκεί που θέλει.
• Κουμπιά που είναι πολύ μικρά ή πολύ κοντά μεταξύ τους.
• Κείμενο που είναι πολύ μικρό σε μέγεθος ή γίνεται ένα με το background της ιστοσελίδας σας (δεν υπάρχει αντίθεση).
• Οδηγίες που βασίζονται μόνο στο χρώμα ή τα γραφικά, για παράδειγμα “Πατήστε το κόκκινο κουμπί”. Εάν ο επισκέπτης της ιστοσελίδας σας πάσχει από αχρωματοψία, θα έχει πρόβλημα με αυτό.
• Ένας αριθμός τηλεφώνου ως ο μόνος τρόπος επικοινωνίας μαζί σας. Εάν κάποιος δεν μπορεί να μιλήσει ή να χρησιμοποιήσει ένα τηλέφωνο για να σας καλέσει, τότε χρειάζεται μια εναλλακτική για να επικοινωνήσει μαζί σας.

Πώς μπορώ να κάνω την ιστοσελίδα μου πιο προσβάσιμη;

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

1. Παρέχετε εναλλακτικές λύσεις για τα ηχητικά και οπτικά στοιχεία

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

2. Προσθέστε εναλλακτικό κείμενο στις εικόνες σας

Το εναλλακτικό κείμενο ή alt text, είναι ένα σύντομο κομμάτι κειμένου που περιγράφει τι υπάρχει σε μια εικόνα. Εισάγεται στον HTML κώδικα, ώστε οι αναγνώστες οθόνης να μπορούν να έχουν πρόσβαση.

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

3. Προσαρμόστε τα χρώματα και την αντίθεση της ιστοσελίδας σας

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

4. Δημιουργήστε μεγάλα, ξεκάθαρα κουμπιά με κενό χώρο

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

5. Επιλέξτε μεγάλες, ευανάγνωστες γραμματοσειρές

Για την προσβασιμότητα ιστοσελίδας, προτιμήστε μεγάλες ξεκάθαρες γραμματοσειρές serif ή sans-serif και αποφύγετε τις διακοσμητικές ή χωρίς απόσταση χαρακτήρων. Αν θέλετε να το τεστάρετε, πείτε σε οποιονδήποτε άνω των 60 ετών να επισκεφθεί την ιστοσελίδα σας και ρωτήστε τον αν μπορεί να διαβάσει χωρίς γυαλιά.

Συμπέρασμα: η προσβασιμότητα ιστοσελίδας βοηθά όλους τους επισκέπτες

Τα καλά νέα είναι ότι είναι εύκολο να κάνετε μικρές, μη τεχνικές αλλαγές, ώστε η ιστοσελίδα σας να είναι πιο εύχρηστη. Επιπλέον, όταν όταν η ιστοσελίδα σας είναι πλέον προσβάσιμη σε άτομα με αναπηρίες, αυτομάτως γίνεται πιο εύχρηστη για όλους, ακόμα και για την Google. Αυτό σημαίνει κέρδος, όχι μόνο από την επισκεψιμότητα που θα αυξηθεί σημαντικά αλλά και το SEO ιστοσελίδας.

Διαβάστε επίσης: Πώς να προσθέσετε την σκοτεινή λειτουργία (Dark Mode) στο WordPress site σας