Εισαγωγικές σημειώσεις
Αλλαγές περιβάλλοντος
Σημείωση 1: Η εστίαση πρέπει να είναι δυνατόν να μετακινείτε ή να καθορίζεται σκόπιμα (μέσω JavaScript) στο κατάλληλο στοιχείο όταν η ενέργεια του χρήστη απαιτεί αλλαγή περιβάλλοντος ή τοποθεσίας για αποτελεσματική αλληλεπίδραση πληκτρολογίου ή αφής. Σχετίζεται με το κριτήριο επιτυχίας 3.2.1 Κατά την εστίαση (Επίπεδο A). Σημείωση 2: Όταν ένας χρήστης εισάγει πληροφορίες ή αλληλεπιδρά με ένα στοιχείο ελέγχου, δεν πρέπει να έχει ως αποτέλεσμα ουσιαστική αλλαγή στη σελίδα. Για παράδειγμα, δημιουργία αναδυόμενου παραθύρου, πρόσθετη αλλαγή της εστίασης του πληκτρολογίου ή οποιαδήποτε άλλη αλλαγή που θα μπορούσε να έχει ως αποτέλεσμα τη σύγχυση ή τον αποπροσανατολισμό του χρήστη. Εκτός εάν ο χρήστης ενημερωθεί για την αλλαγή εκ των προτέρων. Σχετίζεται με το κριτήριο επιτυχίας 3.2.2 Κατά την είσοδο (Επίπεδο A).
Δυναμικό περιεχόμενο (JavaScript, AJAX)
- Αλλαγές περιβάλλοντος κατά την εστίαση: Για παράδειγμα, η μετακίνηση της εστίασης πρέπει να είναι δυνατόν.
- Διαχείριση εστίασης πληκτρολογίου κατά τις αλληλεπιδράσεις: Για παράδειγμα, η εστίαση δεν πρέπει να χαθεί ή να επαναφερθεί στην κορυφή της σελίδας, εκτός από τη φόρτωση ή την εκ νέου φόρτωση μιας σελίδας.
- Μέθοδοι εισαγωγής χρήστη:
- Ποντίκι
- Πληκτρολόγιο
- Αφή
- Φωνή
- Εύρεση Προστιθέμενου Περιεχομένου: Για παράδειγμα, όταν οι χρήστες του προγράμματος ανάγνωσης οθόνης ενεργοποιούν ένα σύνδεσμο, κουμπί, στοιχείο ελέγχου κλπ. ή όταν αλλάζει ένα σημαντικό μέρος του περιεχομένου, πρέπει να ανακοινώνονται σχόλια.
Παράδειγμα για προβλέψιμο κείμενο
Το παράδειγμα για προβλέψιμο κείμενο επιτρέπει στους χρήστες να πληκτρολογούν όρους ή να επιλέγουν όρους από μια λίστα πιθανών αντιστοιχίσεων που εμφανίζεται αφού ο χρήστης αρχίσει να πληκτρολογεί. Οι αναγνώστες οθόνης ανακοινώνουν τη διαθεσιμότητα των επιλογών εντός της λίστας και οι χρήστες μπορούν να επιλέξουν τις επιλογές με το πληκτρολόγιο, την αφή ή το ποντίκι.
Σημείωση: Η συμπλήρωση του πεδίου της φόρμας που ακολουθεί οδηγεί στη δημιουργία μηνύματος κατάστασης και αυτό ανακοινώνετε από το πρόγραμμα οθόνης χωρίς να έχει απροειδοποίητες αλλαγές του περιβάλλοντος. Η εστίαση δε μετατοπίζεται. Σχετίζεται με το κριτήριο επιτυχίας 3.2.2 Κατά την είσοδο (Επίπεδο A).Επίσης, μπορείτε να χρησιμοποιήσετε το ποντίκι ή/και το πληκτρολόγιο. Ο πηγαίος κώδικας του παραδείγματος για προβλέψιμο κείμενο είναι έτσι γραμμένος, ώστε όλες οι συναρτήσεις να λειτουργούν απόλυτα ανεξάρτητα της συσκευής. Τώρα, ξεκινήστε το πρόγραμμα οθόνης και συγκρίνετε τις ανακοινώσεις του αναγνώστη οθόνης με τη σήμανση στο πηγαίο κώδικα.
Παράδειγμα για προβλέψιμο κείμενο μέσω της HTML, της ARIA και της JavaScript
Ο πηγαίος κώδικας του παραδείγματος
Ακολουθεί ο πηγαίος κώδικας του παραδείγματος για προβλέψιμο κείμενο το οποίο δημιουργήθηκε μέσω των στοιχείων της HTML, <form>, <p>, <div>, της τεχνολογίας ARIA και της γλώσσας σεναρίων JavaScript.
Κατέβασμα των πόρων
Αν ήταν να συνοψίσουμε την αποστολή μας σε μία μόνο λέξη, αυτή θα ήταν τούτη: Ποιότητα. Αυτή είναι η βασική αξία του [ΕχΕΔ], επικοινωνήστε χωρίς εμπόδια στο διαδίκτυο. Τώρα, στο δωρεάν υλικό που κάνουμε διαθέσιμο παρουσιάζουμε τη Δημιουργία φόρμας με προβλέψιμο κείμενο για την εύκολη συμπλήρωση μέσω των στοιχείων της HTML, <form>, <p>, <div>, της τεχνολογίας ARIA και της γλώσσας σεναρίων JavaScript. Αυτό απαρτίζεται από το HTML αρχείο και το αρχείο εντολών (JavaScript).
Αντίθετα με την κρατούσα άποψη —πως ότι σου προσφέρεται δωρεάν δεν δικαιούσαι να το κρίνεις και να έχεις απαιτήσεις για την ποιότητά του— εμείς πιστεύουμε πως μόνο η υψηλή ποιότητα είναι συμβατή με την ευγένεια που εμπεριέχει η έννοια του δωρεάν, η έννοια του δώρου. Αφενός θέλουμε να κάνουμε τη σημασία του στοιχείου <form> της HTML γνωστή, και αφετέρου να απασχολήσουμε το ζήτημα της ανάπτυξης της φόρμας με προβλέψιμο κείμενο μέσω της τεχνολογίας ARIA και της Javascript.
Τις τεχνικές που παρουσιάζουμε εδώ είναι απόλυτα σύγχρονες και ιδιαίτερα σημαντικές για την εξυπηρέτηση των επισκεπτών με ειδικές ανάγκες. Παρακάτω θα βρείτε τον σύνδεσμο για τη λήψη των πόρων σχετικά του παραδείγματος "Δημιουργία φόρμας με προβλέψιμο κείμενο για την εύκολη συμπλήρωση μέσω του στοιχείων της HTML, form, p, div, της τεχνολογίας ARIA [εξωτερικός σύνδεσμος, στα Αγγλικά] και της γλώσσας σεναρίων JavaScript". Κατέβασμα των πόρων για προβλέψιμο κείμενο. Σε μορφή ZIP