6 εύκολοι τρόποι για να κάνετε το UI σας πιο προσβάσιμο

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

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

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

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

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

Ακολουθούν ορισμένα πράγματα για να κάνετε τον ιστότοπό σας πιο προσβάσιμο.

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

Οι χρήστες βλέπουν το προϊόν σας από διάφορες οθόνες σε πολλές διαφορετικές συσκευές. Απολαμβάνουμε εμπειρίες δημιουργίας στις οποίες οι χρήστες μπορούν να αλλάξουν το μέγεθος του περιεχομένου για να προσαρμοστούν στις ανάγκες τους. Φανταστείτε αυτό το σενάριο: Ένας χρήστης εισάγει πληροφορίες σε ένα πεδίο και η σελίδα ζουμ αυτόματα στο πεδίο. Σε αυτήν τη θέση, ο χρήστης πρέπει να έχει τη δυνατότητα σμίκρυνσης ή σμίκρυνσης για να διασφαλίσει την ενέργεια που πραγματοποιεί. Κάνοντας αυτό εύκολα εφικτό δημιουργεί μια απρόσκοπτη εμπειρία.

Διευκολύνετε τον εντοπισμό και τη χρήση της γραμμής αναζήτησης

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

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

Προσθέστε κείμενο alt σε κάθε εικόνα

Τα οφέλη των ετικετών alt ξεπερνούν το SEO. Το κείμενο Alt διευκολύνει τα άτομα με προβλήματα όρασης να κατανοήσουν τις εικόνες σας. Αυτό είναι ιδιαίτερα σημαντικό για εικόνες που δεν είναι καθαρά διακοσμητικές.

Το κείμενο alt πρέπει να είναι σύντομο. Επειδή οι περισσότεροι αναγνώστες οθόνης έκοψαν το κείμενο με περίπου 125 χαρακτήρες, συνιστάται να το διατηρήσετε στον αριθμό ή κάτω από αυτόν τον αριθμό. Το Instagram έκανε πρωτοσέλιδα το 2018 όταν τελικά εισήγαγε μια λειτουργία κειμένου alt στην πλατφόρμα τους. Αυτή η κίνηση, μεταξύ άλλων, ήταν ένα πρώιμο σήμα ότι η προσβάσιμη διεπαφή χρήστη δεν είναι τάση – είναι στάνταρ.

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

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

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

Χρησιμοποιήστε την αντίθεση χρώματος

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

Χρησιμοποιήστε το κείμενο συνδέσμου στο μενού πλοήγησης

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

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