Σημείο ελέγχου 3.2.2 Κατά την είσοδο

Η εισαγωγή των χρηστών στις φόρμες δεν πρέπει να οδηγεί σε απροσδόκητες αλλαγές περιβάλλοντος. Όλες οι αλλαγές περιβάλλοντος πρέπει να συμβαίνουν κάτω από το στοιχείο ενεργοποίησης και πρέπει να είναι σαφώς κατανοητές. Η εστίαση δεν πρέπει να μετατοπίζεται. Αυτό είναι το αντικείμενο από το Σημείο ελέγχου 3.2.2 Κατά την είσοδο.

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

Οι αλλαγές συμφραζομένων στην ίδια τη σελίδα μπορεί να αποσπάσουν την προσοχή και να μπερδέψουν τους χρήστες. Ή να περάσουν απαρατήρητες, προκαλώντας σύγχυση (ξαφνικά το περιεχόμενο αλλάζει). Θα πρέπει επομένως να είναι αναμενόμενα και σαφώς κατανοητά.

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

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

2. Έλεγχος

1. Ανοίξτε τη σελίδα στο πρόγραμμα περιήγησης (Chrome ή Firefox).
2. Δοκιμάστε στοιχεία φόρμας (πλαίσια ελέγχου, κουμπιά επιλογής, λίστες επιλογής). Δημιουργούνται απροσδόκητες και απροειδοποίητες αλλαγές περιβάλλοντος;
3. Ελέγξτε εάν προκαλούνται αλλαγές περιεχομένου (όπως η εμφάνιση πρόσθετων πεδίων φόρμας). Είναι οι αλλαγές περιεχομένου περιορισμένες και κατανοητές ή ανακοινώνονται ή εξηγούνται πριν από το στοιχείο ενεργοποίησης;
4. Ελέγξτε εάν οι αλλαγές περιεχομένου ενεργοποιούνται κάτω από το στοιχείο που τις ενεργοποιεί.
5. Ελέγξτε εάν οι αλλαγές περιβάλλοντος που προκαλούνται από καταχωρίσεις φόρμας. Όπως στοιχεία που εμφανίζονται δυναμικά, μετατοπίζουν την τρέχουσα εστίαση.

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

Τα μηνύματα σφάλματος που εξάγονται μέσω της συνάρτησης Javascript alert() δε θεωρούνται αναδυόμενα παράθυρα κατά την έννοια του σημείου ελέγχου. Επειδή ανοίγουν ως απόκριση στην είσοδο του χρήστη και είναι modal, επομένως είναι απροβλημάτιστα ως προς τον προσανατολισμό.

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

• Σύμφωνα με το WCAG 2.0, οι σαφείς αλλαγές περιβάλλοντος (changes of content) περιλαμβάνουν άλματα σε άλλες σελίδες και το άνοιγμα νέων παραθύρων. Αλλά και τη δυναμική φόρτωση νέου περιεχομένου στην ίδια σελίδα. Εάν αυτό το περιεχόμενο μοιάζει με μια νέα σελίδα ή το περιεχόμενο εμφανίζεται με σημαντικά διαφορετική σειρά. Η ενεργοποίηση συνδέσμων μετάβασης σε άγκυρες στην ίδια σελίδα θα πρέπει επίσης να θεωρείται αλλαγή περιβάλλοντος.
• Αυτό πρέπει να διακρίνεται από τις απλές αλλαγές περιεχομένου (στο WCAG 2.0: changes of content). Αυτά συμβαίνουν όταν, για παράδειγμα, η επιλογή σε μια λίστα επιλογής (select) ενημερώνει δυναμικά τα περιεχόμενα μιας λίστας επιλογής. Για παράδειγμα, η επιλογή μιας ηπείρου ενημερώνει τη λίστα επιλογών χωρών. Η επέκταση πρόσθετων περιοχών φόρμας κάτω από το στοιχείο ενεργοποίησης μπορεί επίσης να μετρηθεί ως αλλαγή περιεχομένου. Εάν η εστίαση και η κατάσταση κύλισης της σελίδας παραμείνουν αμετάβλητες.

Το εάν οι αλλαγές είναι απροσδόκητες ή όχι μπορεί να καθοριστεί μόνο από το γενικό πλαίσιο.

• changes of context

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

• Η αλληλεπίδραση με στοιχεία φόρμας έχει ως αποτέλεσμα απροσδόκητες και απροειδοποίητες αλλαγές περιβάλλοντος.

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

Διατύπωση του A11y

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

Διαφοροποίηση από άλλα σημεία ελέγχου

Η χρήση κουμπιών υποβολής, η οποία έχει εκχωρηθεί στο Σημείο ελέγχου 3.2.3 "Συνεπής πλοήγηση [χωρίς αυτόματη αλλαγή περιβάλλοντος]" και στις τεχνικές G80 και H32 . Ελέγχεται μόνο έμμεσα στο σημείο ελέγχου 2.1.1 "Μπορεί να χρησιμοποιηθεί χωρίς ποντίκι".

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

• Guideline 3.2 Predictable: Make Web pages appear and operate in predictable ways

• 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

• H32: Providing submit buttons
• H84: Using a button with a select element to perform an action

• 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