Σημείο ελέγχου 4.1.3 Μηνύματα κατάστασης

Τι ελέγχεται;

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

Όταν οι ιστότοποι δημιουργούν μηνύματα κατάστασης, τα οπτικά εμφανιζόμενα μηνύματα κατάστασης θα πρέπει να επισημαίνονται με κατάλληλους ρόλους και ιδιότητες. Και να μπορούν να προσδιοριστούν μέσω προγραμματισμού. Δηλαδή, ότι τα μηνύματα κατάστασης παρουσιάζονται σε χρήστες υποστηρικτικών τεχνολογιών (αναγνώστες οθόνης) χωρίς αυτοί να εστιάζονται. Αυτό είναι αντικείμενο από το Σημείο ελέγχου 4.1.3 Μηνύματα κατάστασης.

Παραδείγματα για μηνύματα κατάστασης.
  • Τα αγαθά προστέθηκαν στο καλάθι αγορών στο κατάστημα.
  • Προστέθηκαν 3 βιβλία στη λίστα παρακολούθησης.
  • Η φόρμα στάλθηκε με επιτυχία (μήνυμα επιτυχίας).
  • 5 αποτελέσματα αναζήτησης. Για παράδειγμα, μετά το φιλτράρισμα των αποτελεσμάτων.
  • 3 σφάλματα στη φόρμα. Κατά τον έλεγχο από την πλευρά του πελάτη χωρίς να φορτώσετε ξανά τη σελίδα.
  • Η βαθμολογία άλλαξε.
  • Η σελίδα φορτώνεται (με οπτική ένδειξη φόρτωσης/progressbar).

Γιατί ελέγχεται;

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

Αυτά τα μηνύματα είναι εξίσου σημαντικά για μη οπτικούς χρήστες. Πρέπει να είναι διαθέσιμα για υποστηρικτικές τεχνολογίες. Έτσι ώστε οι χρήστες να τα αντιλαμβάνονται χωρίς να χρειάζεται να αλλάξουν την τρέχουσα εστίαση ή άποψή τους.

Πώς ελέγχεται;

1. Εφαρμογή του σημείου ελέγχου

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

2. Έλεγχος

  1. Προσδιορίστε μηνύματα κατάστασης. Λόγο αυτού κάνετε καταχωρήσεις που οδηγούν στη δημιουργία μηνυμάτων κατάστασης.
  2. Χρησιμοποιήστε την ανάλυση πηγαίου κώδικα για να ελέγξετε εάν το στοιχείο με το μήνυμα κατάστασης έχει επισημανθεί ως ARIA Live. Υπάρχουν διαθέσιμα αντίστοιχα χαρακτηριστικά ARIA Live;
  3. Επίσης, ελέγξτε την έξοδο του μηνύματος κατάστασης χρησιμοποιώντας το πρόγραμμα ανάγνωσης οθόνης.
    • Πραγματοποιήστε καταχωρήσεις που οδηγούν στη δημιουργία μηνυμάτων κατάστασης. Δημιουργεί η προσφορά από μόνη της μηνύματα κατάστασης; Για παράδειγμα, όταν ενημερώνεται το περιεχόμενο, περιμένετε αυτά τα μηνύματα.
    • Ελέγξτε εάν τα μηνύματα κατάστασης εξάγονται από το πρόγραμμα ανάγνωσης οθόνης. Όταν εμφανίζονται χωρίς να μετακινήσετε την εστίαση στο μήνυμα.

3. Σημειώσεις

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

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

  • Όταν φορτώνεται η σελίδα, θα πρέπει να υπάρχει ένα (κενό) στοιχείο στο DOM και να επισημαίνεται ως Live-Region.
  • Μόνο όταν ενεργοποιηθεί η ενημέρωση, η αλλαγή κειμένου πρέπει να εισαχθεί ή να ενημερωθεί στο υπάρχον (κενό) στοιχείο.
Σημείωση σχετικά με τη χρήση του role="status".
  • Η τεχνική ARIA 22 από τις Οδηγίες προσβασιμότητας περιεχομένου Ιστού (WCAG 2.1) περιγράφει τη χρήση του role="status" για την ενημέρωση ενός καλαθιού αγορών. Δείτε το παράδειγμα 2. Προκειμένου η έξοδος να λειτουργεί με το πρόγραμμα ανάγνωσης οθόνης NVDA στον Firefox, πρέπει να προστεθεί το aria-atomic="true".

4. Αξιολόγηση

Ικανοποιείται
  • Όλα τα μηνύματα κατάστασης επισημαίνονται σωστά. Επομένως, είναι διαθέσιμα μέσω προγραμματισμού.

Ταξινόμηση του σημείου ελέγχου

Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.1

Κατευθυντήρια γραμμή Κριτήριο επιτυχίας Τεχνικές

Κατάσταση Α: Εάν ένα μήνυμα κατάστασης ενημερώνει για την επιτυχία ή τα αποτελέσματα μιας ενέργειας ή την κατάσταση μιας εφαρμογής:

Κατάσταση Β: Εάν ένα μήνυμα κατάστασης μεταφέρει μια πρόταση ή μια προειδοποίηση σχετικά με την ύπαρξη σφάλματος

Κατάσταση Γ: Εάν ένα μήνυμα κατάστασης μεταφέρει πληροφορίες σχετικά με την πρόοδο μιας διαδικασίας:

Αποτυχίες

Πηγές