Η προσβασιμότητα ξεκινά με το να γίνονται κατανοητές οι σημαντικές πληροφορίες και ενέργειες. Ένας ιστότοπος μπορεί να είναι ελκυστικός και παρ’ όλα αυτά να είναι δύσχρηστος με πληκτρολόγιο, με μεγαλύτερα γράμματα ή με υποστηρικτική τεχνολογία. Ξεκινήστε με μερικούς πρακτικούς ελέγχους και ζητήστε την κατάλληλη ανθρώπινη αξιολόγηση για ανάγκες που δεν μπορούν να εκτιμήσουν τα αυτοματοποιημένα εργαλεία.
Χρησιμοποιήστε σαφή σειρά ανάγνωσης
Δώστε στις ενότητες περιγραφικές επικεφαλίδες και τοποθετήστε τις με τη σειρά που τις χρειάζεται ο επισκέπτης. Μην βασίζεστε μόνο στο χρώμα ή στη θέση για να εξηγήσετε το νόημα. Μια επιλογή τιμολόγησης πρέπει να έχει γραπτή ετικέτα· ένα μήνυμα σφάλματος πρέπει να εξηγεί τι χρειάζεται αλλαγή. Κρατήστε τις βασικές πληροφορίες στο κείμενο της σελίδας και όχι μόνο μέσα σε μια εικόνα.
Κάντε τους συνδέσμους κατανοητούς
Επιλέξτε ετικέτες συνδέσμων που περιγράφουν τον προορισμό ή την ενέργειά τους. Η φράση «Διαβάστε τον οδηγό του εργαστηρίου» είναι πιο εύκολο να ερμηνευτεί από πολλούς άσχετους συνδέσμους που έχουν όλοι την ετικέτα «Κάντε κλικ εδώ». Ελέγξτε ότι μπορείτε να μεταβείτε στα διαδραστικά στοιχεία με πληκτρολόγιο και ότι μια ορατή ένδειξη εστίασης δείχνει ποιο στοιχείο είναι επιλεγμένο.
Διατηρήστε την οπτική παρουσίαση ευανάγνωστη
Χρησιμοποιήστε επαρκή αντίθεση και ευανάγνωστα μεγέθη κειμένου. Ελέγξτε αν η σελίδα εξακολουθεί να βγάζει νόημα όταν μεγαλώνει το κείμενο ή στενεύει η οθόνη. Αποφύγετε διακοσμητικά κινούμενα στοιχεία που αποσπούν την προσοχή από το κύριο περιεχόμενο. Αν δημοσιεύετε μια κινούμενη εικόνα, εξετάστε αν δυσκολεύει την ανάγνωση ή μεταφέρει πληροφορίες που θα πρέπει να αποδοθούν και γραπτώς.
Δώστε στις εικόνες το κατάλληλο πλαίσιο
Περιγράψτε τις σημαντικές εικόνες με τρόπο που να ταιριάζει στον ρόλο τους. Οι διακοσμητικές εικόνες μπορούν να παραλείπονται από την υποστηρικτική τεχνολογία. Ένα γράφημα ή μια εικόνα με οδηγίες χρειάζεται ισοδύναμη επεξήγηση που να μην εξαρτάται από την οπτική θέαση. Κάντε δοκιμές με ανθρώπους που χρησιμοποιούν τα εργαλεία στα οποία βασίζεται το κοινό σας.
Για μια πρακτική εισαγωγή, δείτε το https://web.dev/learn/design/accessibility. Στο VollSite, ελέγξτε το αποτέλεσμα που δημιουργήθηκε και τυχόν αλλαγές στα χρώματα, στο κείμενο, στα στοιχεία ελέγχου ή στις εικόνες. Η επιτυχής ολοκλήρωση ενός αυτοματοποιημένου ελέγχου προσβασιμότητας αποτελεί χρήσιμο τεχνικό στοιχείο, αλλά δεν ισοδυναμεί με πλήρη πιστοποίηση προσβασιμότητας. Διατηρήστε τη σελίδα απλή, δοκιμάστε την πραγματική διαδρομή επικοινωνίας και οργανώστε την κατάλληλη ανθρώπινη αξιολόγηση πριν διατυπώσετε ευρείς ισχυρισμούς σχετικά με την προσβασιμότητα του ιστότοπού σας.