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

Σημείωση

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

Αυτοαξιολόγηση » Κατάλογος ερωτήσεων

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

Ένα στοιχείο ελέγχουΑυτοαξιολόγηση » Κατάλογος ερωτήσεων

Εργαλείο ελέγχου χρωματικής αντίθεσης

Μπορείτε να χρησιμοποιήσετε αυτό το εργαλείο για να ελέγξετε πόσο προσβάσιμοι είναι οι χρωματικοί σας συνδυασμοί. Θα λάβετε μια αξιολόγηση σύμφωνα με το WCAG 2.1.

Επιλογή χρωμάτων"Εργαλείο ελέγχου χρωματικής αντίθεσης"

Προσομοίωση έλλειψης χρωματικής όρασης

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

"Προσομοίωση έλλειψης χρωματικής όρασης"

Μετρήστε και βελτιστοποιήστε τον χρόνο φόρτωσης

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

Μετρήστε το χρόνο φόρτωσης της σελίδας

Πώς ελέγχεται ή προσβασιμότητα ενός ιστοτόπου;

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

Επομένως, οι αυτόματοι έλεγχοι είναι απλώς ένα βοήθημα σε έναν χειρωνακτικό έλεγχο προσβασιμότητας. Με τη λίστα ελέγχου για σχεδιασμό ιστοσελίδων χωρίς εμπόδια, μπορείτε να ελέγξετε μόνοι σας πολλές πτυχές. Βασίζεται στις Οδηγίες Προσβασιμότητας Περιεχομένου Ιστού (WCAG). Ακόμη και για πιο εκτεταμένους ελέγχους, συνιστάται η διεξαγωγή τους βάσει του WCAG.

Πώς κατασκευάζομαι προσβάσιμο έναν ιστότοπο;

Πολλές πτυχές μπορούν να επιλυθούν εύκολα, ειδικά οπτικά εμπόδια όπως ανεπαρκή μεγέθη γραμματοσειράς ή έλλειψη χρωματικής αντίθεσης. Όταν χρησιμοποιείτε συστήματα διαχείρισης περιεχομένου (CMS) όπως το Joomla , WordPress, ή Typo 3, το Theme πρέπει να ελέγχεται σχετικά της προσβασιμότητας. Η προσβασιμότητα πρέπει να εφαρμόζεται με διεπιστημονικό τρόπο. Δηλαδή, το εκδοτικό περιεχόμενο πρέπει να είναι δομημένο και να παρουσιάζεται με κατανοητό τρόπο, συμπεριλαμβανομένων καλών εναλλακτικών κειμένων για εικόνες και αντικείμενα.

Οδηγίες για την ανάπτυξη προσβάσιμων ιστοσελίδων

  • Ακολουθείστε προσβάσιμα πρότυπα: αναπτύξτε τις ιστοσελίδες του ιστοτόπου με προσβάσιμα πρότυπα. Για παράδειγμα, είναι το ΤYPO 3 ή το Joomla.
  • Προσφέρετε κατάλληλο εναλλακτικό κείμενο. Μία κειμενική εναλλακτική περιγραφή για το μη-κειμενικό περιεχόμενο. Για παράδειγμα, εικόνες, χάρτες, φωτογραφίες, διαγράμματα και σχήματα. Το εναλλακτικό κείμενο δεν πρέπει να επαναλαμβάνει απλά τη λεζάντα, αλλά να αποτελεί περιγραφή της εικόνας σε σχέση με το πλαίσιο χρήσης της. Αυτό θα προσλάβει με εναλλακτικό τρόπο (π.χ. ακουστικό ή απτικό) ο χρήστης που δεν μπορεί να δει την εικόνα.
  • Χρησιμοποιείτε κεφαλίδες στους πίνακες δεδομένων. Οι πίνακες που εισάγονται για την οργάνωση δεδομένων οφείλουν να διαθέτουν κατάλληλες κεφαλίδες γραμμών και στηλών που θα περιγράφουν τα δεδομένα. Η πλοήγηση και η κατανόησή τους είναι πιο εύκολη και δεν πρέπει να κάνετε συγχωνεύσεις κελιών.
  • Οι χρήστες μπορούν να συμπληρώσουν και να αποστείλουν όλες τις φόρμες. Προσφέρετε ηλεκτρονικές φόρμες εξασφαλίζοντας ότι κάθε στοιχείο τους (text field, checkbox, textarea, κλπ.) διαθέτει μία ετικέτα (label-στοιχείο) και ότι αυτή είναι σωστά συνδεδεμένη με το αντίστοιχο στοιχείο. Επίσης, βεβαιωθείτε ότι ο χρήστης μπορεί να αποστείλει τη φόρμα και να διορθώσει τυχών λάθη. Για παράδειγμα, αν δε συμπληρώθηκαν όλα τα απαιτούμενα πεδία. Σημειώνεται ότι οι φόρμες σε αρχεία MS-Word ή PDF που πρέπει να εκτυπωθούν και έπειτα να συμπληρωθούν εγγράφως, προφανώς και δεν είναι προσβάσιμες.
  • Ο σκοπός συνδέσμων μπορεί να προσδιοριστεί από το κείμενο του μόνο. Κάθε σύνδεσμος οφείλει να έχει νόημα, αν διαβαστεί μόνος του χωρίς το γύρω κείμενο. Οι χρήστες προγραμμάτων ανάγνωσης οθόνης έχουν την επιλογή να τους διαβαστούν μόνο οι σύνδεσμοι μίας ιστοσελίδας. Συγκεκριμένες φράσεις όπως «κάντε εδώ κλίκ», «διαβάστε περισσότερα» και «σύνδεσμος» πρέπει να αποφευχθούν.
  • Προσφέρετε υπότιτλους ή κείμενα απομαγνητοφώνησης σε πολυμέσα. Περιεχόμενα βίντεο και live ήχου πρέπει να διαθέτουν υπότιτλους και κείμενο απομαγνητοφώνησης. Για αρχειοθετημένα περιεχόμενα ήχου μπορεί να αρκεί μια απομαγνητοφώνηση.
  • Εξασφαλίστε την προσβασιμότητα στο μη-HTML περιεχόμενο. Τα επισυναπτόμενα με συνδέσμους αρχεία κειμένου (.docx, doc, κλπ), διαφανειών / παρουσιάσεων (pptx, ppt, κλπ) και μορφής PDF για να γίνουν προσβάσιμα θα πρέπει να ακολουθούν συγκεκριμένους κανόνες. Μπορείτε να βρείτε σύντομες και αναλυτικές σχετικές οδηγίες εδώ: Οδηγίες Παραγωγής Προσβάσιμων Εγγράφων και Παρουσιάσεων URL: http://access.uoa.gr/DAG/. Τα σκαναρισμένα έγγραφα δεν είναι προσβάσιμα, οπότε θα πρέπει να ανεβάζετε τα πρωτότυπα ψηφιακά αντίστοιχα έγγραφα σε προσβάσιμη μορφή. Αυτά μπορούν να περιλαμβάνουν ψηφιακή υπογραφή, όταν αυτή είναι απαραίτητη.
  • Μη χρησιμοποιείτε μόνο χρώμα για να υποδηλώσετε σημασία. Η χρήση χρώματος μπορεί να ενισχύσει την κατανόηση. Αλλά μη χρησιμοποιείτε το χρώμα ή και άλλες οπτικές διαφοροποιήσεις σαν το μοναδικό μέσο μετάδοσης πληροφοριών.
  • Εξασφαλίστε, ότι το κειμενικό περιεχόμενο είναι σαφής και αναγνώσιμο. Διάφοροι είναι οι τρόποι για να κάνετε το περιεχόμενό σας εύκολα κατανοητό. Γράφετε ξεκάθαρα, κάντε σωστή κατάλληλη χρήση επικεφαλίδων χωρίς να παραλείπετε επίπεδα. Μη χρησιμοποιείτε, όσο αυτό είναι δυνατό, πολυεπίπεδες λίστες.