Τι ελέγχεται;
Η εισαγωγή των χρηστών στις φόρμες δεν πρέπει να οδηγεί σε απροσδόκητες αλλαγές περιβάλλοντος. Όλες οι αλλαγές περιβάλλοντος πρέπει να συμβαίνουν κάτω από το στοιχείο ενεργοποίησης και πρέπει να είναι σαφώς κατανοητές. Η εστίαση δεν πρέπει να μετατοπίζεται. Αυτό είναι το αντικείμενο από το Σημείο ελέγχου 3.2.2 Κατά την είσοδο (Επίπεδο Α). Ανοίγει σελίδα με παράδειγμα για προβλέψιμο κείμενο.
Γιατί ελέγχεται;
Οι απροσδόκητες και απροειδοποίητες αλλαγές περιβάλλοντος όταν ενεργοποιείται μια επιλογή σε φόρμες μπορεί να επηρεάσουν τον προσανατολισμό του χρήστη. Για παράδειγμα, ένα πλαίσιο ελέγχου ή ένα κουμπί επιλογής του οποίου η επιλογή ανοίγει μια νέα σελίδα, ή μια λίστα επιλογής χωρίς κουμπί υποβολής που ανταποκρίνεται στο event handler onchange
.
Οι αλλαγές περιβάλλοντος στην ίδια τη σελίδα μπορεί να αποσπάσουν την προσοχή και να μπερδέψουν τους χρήστες. Επίσης, είναι δυνατόν να περάσουν απαρατήρητες, προκαλώντας σύγχυση (διότι ξαφνικά αλλάζει το περιεχόμενο). Θα πρέπει επομένως να είναι αναμενόμενα και σαφώς κατανοητά. Ιδίως, όταν οι αλλαγές περιβάλλοντος στην ίδια σελίδα δε συμβαίνουν κάτω από το στοιχείο που τις ενεργοποιεί. Συχνά έχει ως αποτέλεσμα να μη γίνονται αντιληπτές από τυφλούς χρήστες.
Πώς ελέγχεται;
1. Εφαρμογή του σημείου ελέγχου
Το σημείο ελέγχου ισχύει εάν η σελίδα περιέχει στοιχεία φόρμας.2. Έλεγχος
- Ανοίξτε τη σελίδα στο πρόγραμμα περιήγησης Chrome ή Firefox.
- Δοκιμάστε τα στοιχεία φόρμας (πλαίσια ελέγχου, κουμπιά επιλογής, λίστες επιλογής). Δημιουργούνται απροσδόκητες και απροειδοποίητες αλλαγές περιβάλλοντος;
- Ελέγξτε εάν προκαλούνται αλλαγές περιεχομένου (όπως η εμφάνιση πρόσθετων πεδίων φόρμας). Είναι οι αλλαγές περιεχομένου περιορισμένες και κατανοητές ή ανακοινώνονται ή εξηγούνται πριν από το στοιχείο ενεργοποίησης;
- Ελέγξτε εάν οι αλλαγές περιεχομένου ενεργοποιούνται κάτω από το στοιχείο που τις ενεργοποιεί.
- Ελέγξτε εάν οι αλλαγές περιβάλλοντος που προκαλούνται από καταχωρίσεις φόρμας μετατοπίζουν την τρέχουσα εστίαση. Για παράδειγμα, τα στοιχεία που εμφανίζονται δυναμικά.
3. Σημειώσεις
Τα μηνύματα σφάλματος που εξάγονται μέσω της συνάρτησης Javascript alert()
δε θεωρούνται αναδυόμενα παράθυρα κατά την έννοια του σημείου ελέγχου. Επειδή ανοίγουν ως απόκριση στην είσοδο του χρήστη και είναι modal, επομένως δεν προβληματίζουν ως προς τον προσανατολισμό.
Οι αλλαγές που γίνονται μέσω σεναρίων και ARIA Live Regions, όπως η αυτόματη εμφάνιση προτάσεων κάτω από το πεδίο εισαγωγής κειμένου μιας συνάρτησης αναζήτησης, να μη μετακινούν την τρέχουσα εστίαση.
Για να διακρίνετε τις αλλαγές περιβάλλοντος και τις αλλαγές περιεχομένου.- Σύμφωνα με το WCAG 2.0, οι σαφείς αλλαγές περιβάλλοντος (changes of context) περιλαμβάνουν άλματα σε άλλες σελίδες και το άνοιγμα νέων παραθύρων. Αλλά και τη δυναμική φόρτωση νέου περιεχομένου στην ίδια σελίδα. Επίσης, εάν αυτό το περιεχόμενο μοιάζει με μια νέα σελίδα ή το περιεχόμενο εμφανίζεται με σημαντικά διαφορετική σειρά. Η ενεργοποίηση συνδέσμων μετάβασης σε περιοχές της ίδιας σελίδας θα πρέπει επίσης να θεωρείται ως αλλαγή περιβάλλοντος.
- Αυτό πρέπει να διακρίνεται από τις απλές αλλαγές περιεχομένου (στο WCAG 2.0: changes of content). Αυτά συμβαίνουν όταν η επιλογή σε μια λίστα επιλογής (
<select>
) ενημερώνει δυναμικά τα περιεχόμενα μιας λίστας επιλογής. Για παράδειγμα, η επιλογή μιας ηπείρου ενημερώνει τη λίστα επιλογών χωρών. Η επέκταση πρόσθετων περιοχών φόρμας κάτω από το στοιχείο ενεργοποίησης μπορεί επίσης να μετρηθεί ως αλλαγή περιεχομένου. Εάν η εστίαση και η κατάσταση κύλισης της σελίδας παραμείνουν αμετάβλητες.
Το εάν οι αλλαγές είναι απροσδόκητες ή όχι μπορεί να καθοριστεί μόνο από το γενικό πλαίσιο.
Σύγκριση: WCAG 2.0, Appendix A: Glossary:4. Αξιολόγηση
Κριτήριο δεν ικανοποιείται πλήρως.- Η αλληλεπίδραση με στοιχεία φόρμας έχει ως αποτέλεσμα απροσδόκητες και απροειδοποίητες αλλαγές περιβάλλοντος.
- Οι φόρμες υποβάλλονται αυτόματα όταν η εστίαση αποχωρεί από τη φόρμα.
- Η αλλαγή της κατάστασης ενός πλαισίου ελέγχου ή ενός κουμπιού επιλογής ή απλώς η εστίαση σε μια επιλογή σε μια λίστα επιλογής, ενεργοποιεί αυτόματα μια απροσδόκητη αλλαγή περιβάλλοντος (π.χ. ανοίγει ένα νέο παράθυρο).
Ταξινόμηση του σημείου ελέγχου 3.2.2 Κατά την είσοδο
Διατύπωση του A11y
3.2.2 Κατά την είσοδοΕάν αλλάξει η ρύθμιση ενός στοιχείου της διεπαφής χρήστη, αυτό δεν οδηγεί αυτόματα σε αλλαγή του περιβάλλοντος. Εκτός εάν ο χρήστης ενημερώθηκε για αυτήν τη συμπεριφορά πριν από τη χρήση του στοιχείου.
Διαφοροποίηση από άλλα σημεία ελέγχου
Η χρήση κουμπιών υποβολής, η οποία έχει εκχωρηθεί στο Σημείο ελέγχου 3.2.3 "Συνεπής πλοήγηση [χωρίς αυτόματη αλλαγή περιβάλλοντος]" και στις τεχνικές G80 και H32 . Ελέγχεται μόνο έμμεσα στο σημείο ελέγχου 2.1.1 "Μπορεί να χρησιμοποιηθεί χωρίς ποντίκι".
Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.0
Κατευθυντήρια γραμμή Κριτήριο επιτυχίας- 3.2.2 On Input (Level A)
- G80: Providing a submit button to initiate a change of context using a technology-specific technique listed below
- G13: Describing what will happen before a change to a form control that causes a change of context to occur is made
- F36: Failure of Success Criterion 3.2.2 due to automatically submitting a form and presenting new content without prior warning when the last field in the form is given a value
- F37: Failure of Success Criterion 3.2.2 due to launching a new window without prior warning when the status of a radio button, check box or select list is changed
- F76: Failure of 3.2.2 due to providing instruction material about the change of context by change of setting in a user interface element at a location that users may bypass