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

Συνοπτικά — τι καλύπτει αυτό το άρθρο

  1. Μηνύματα σφάλματος σε πραγματικό χρόνο
  2. Σαφείς, επίμονες ετικέτες πεδίων
  3. Διαδικασίες σε πολλά βήματα
  4. Μια προσβάσιμη επιβεβαίωση παραγγελίας

Μηνύματα σφάλματος σε πραγματικό χρόνο

Το πιο συνηθισμένο λάθος: ένα μήνυμα σφάλματος που εμφανίζεται οπτικά (μικρό κόκκινο κείμενο δίπλα στο πεδίο), αλλά δεν ανακοινώνεται σε πρόγραμμα ανάγνωσης οθόνης. Ένας τυφλός χρήστης συμπληρώνει τη φόρμα, κάνει κλικ στην "Υποβολή" και δεν καταλαβαίνει γιατί δεν συμβαίνει τίποτα — επειδή δεν ακούει ποτέ καθόλου για το σφάλμα. Η επιδιόρθωση: χρησιμοποιήστε το "aria-live" για αυτόματη ανακοίνωση σφαλμάτων και συνδέστε κάθε σφάλμα απευθείας στο σχετικό του πεδίο με το "aria-describedby", ώστε το πρόγραμμα ανάγνωσης οθόνης να διαβάζει το σφάλμα δυνατά τη στιγμή που ο χρήστης φτάνει σε αυτό το πεδίο.

Σαφείς, επίμονες ετικέτες πεδίων

Κείμενο κράτησης θέσης (το γκρι κείμενο που εξαφανίζεται μόλις ξεκινήσετε να πληκτρολογείτε) δεν υποκαθιστά μια πραγματική ετικέτα πεδίου — τη στιγμή που ο χρήστης αρχίζει να πληκτρολογεί, χάνει το πλαίσιο αυτού που ζητά το πεδίο. Κάθε πεδίο φόρμας χρειάζεται ένα πραγματικό `

💡 Πρακτική συμβουλή

Τα υποχρεωτικά πεδία χρειάζονται διπλή σήμανση: οπτική (ένας αστερίσκος ή η λέξη "Απαιτείται") και επίσης στον κωδικό (`aria-required="true"`), έτσι ώστε ακόμη και ένας χρήστης που δεν μπορεί να δει τον αστερίσκο να γνωρίζει ότι το πεδίο είναι απαραίτητο πριν εμφανιστεί ένα σφάλμα υποβολής.

Διαδικασίες σε πολλά βήματα

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

Μια προσβάσιμη επιβεβαίωση παραγγελίας

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

Έχετε έγγραφα όρων παροχής υπηρεσιών ή επιβεβαιώσεις παραγγελιών που αποστέλλονται ως PDF;

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

Σαρώστε τον ιστότοπό σας δωρεάν ←

Μετά τη σάρωση, μπορείτε επίσης να κάνετε άμεσα και δωρεάν πρόσβαση στα έγγραφα που βρέθηκαν μέσω AccessiDoc.