Techniques for WCAG 2.0

Lead translating organization: Foundation for Research and Technology-Hellas (FORTH) - Institute of Computer Science
N. Plastira 100, Vassilika Vouton, GR-700 13 Heraklion, Crete, Hellas (Greece), http://www.ics.forth.gr

Εξουσιοδοτημένη Μετάφραση στα Ελληνικά

13 Ιανουαρίου 2012

Παρούσα Έκδοση:
http://www.w3c.gr/wai/translations/wcag20_techniques.html
Πρωτότυπη Έκδοση:
http://www.w3.org/TR/WCAG20-TECHS/complete.html
Πίνακας διορθώσεων:
http://www.w3c.gr/wai/translations/wcag20_techniques_errata.html
Υπεύθυνος Φορέας:
Ίδρυμα Τεχνολογίας και Έρευνας (ΙΤΕ) - Ινστιτούτο Πληροφορικής
N. Πλαστήρα 100, Βασιλικά Βουτών, 700 13 Ηράκλειο, Κρήτη, http://www.ics.forth.gr
I. Μπασδέκης, Σ. Ντοά, M. Antona, Μ. Παπαδοπούλου, Ι.Κληρονόμος
Συμμετέχοντες Φορείς - Οργανισμοί στη διαδικασία μετάφρασης:
Εθνική Συνομοσπονδία Ατόμων με Αναπηρία (ΕΣΑμεΑ), http://www.esaea.gr
Ελληνικό Γραφείο W3C, http://www.w3c.gr
Συμμετέχοντες Φορείς - Οργανισμοί στo σχολιασμό:
Πανελλήνιος Σύνδεσμος Τυφλών (ΠΣΤ), http://www.pst.gr
Τμήμα Πληροφορικής και Τηλεπικοινωνιών - ΕΚΠΑ, Γ. Κουρουπέτρογλου http://www.di.uoa.gr/
Ινστιτούτο Επεξεργασίας του Λόγου (ΙΕΛ), Ε. Ευθυμίου http://www.ilsp.gr/
Σύνοψη της διαδικασίας:
http://www.w3c.gr/wai/translations/wai_review_summary.html

Αυτή είναι μια εξουσιοδοτημένη μετάφραση ενός εγγράφου του W3C. Για την κατασκευή και δημοσίευση της παρούσας επίσημης μετάφρασης ακολουθήθηκε η διαδικασία που περιγράφεται στο έγγραφο Policy for W3C Authorized Translations. Στην περίπτωση διαφωνιών, η έγκυρη έκδοση του εγγράφου είναι το πρωτότυπο έγγραφο στα αγγλικά.

W3C

Τεχνικές για το WCAG 2.0

Τεχνικές και Αποτυχίες για τις Οδηγίες για την Προσβασιμότητα του Περιεχομένου του Ιστού 2.0

Σημείωμα της ομάδας εργασίας του W3C 3 Ιανουαρίου 2012

Παρούσα έκδοση:
http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/
Τελευταία έκδοση:
http://www.w3.org/TR/WCAG20-TECHS/
Προηγούμενη έκδοση:
http://www.w3.org/TR/2008/WD-WCAG20-TECHS-20081103/
Συντάκτες:
Ben Caldwell, Trace R&D Center, Πανεπιστήμιο του Ουισκόνσιν-Μάντισον
Michael Cooper, W3C
Loretta Guarino Reid, Google, Inc.
Gregg Vanderheiden, Trace R&D Center, Πανεπιστήμιο του Ουισκόνσιν-Μάντισον
Προηγούμενοι συντάκτες:
Wendy Chisholm (μέχρι τον Ιούλιο του 2006, ενώ βρισκόταν στη W3C)
John Slatin (μέχρι τον Ιούνιο του 2006, ενώ βρισκόταν στο Ινστιτούτο Προσβασιμότητας, Πανεπιστήμιο του Τέξας στο Όστιν)

Περίληψη

Το έγγραφο "Τεχνικές για το WCAG 2.0" παρέχει πληροφορίες προς τους προγραμματιστές περιεχομένου Ιστού, οι οποίοι έχουν ως στόχο την ικανοποίηση των κριτηρίων επιτυχίας που περιέχονται στις Οδηγίες για την προσβασιμότητα του περιεχομένου του Ιστού 2.0. Οι τεχνικές είναι συγκεκριμένες πρακτικές σύνταξης που μπορεί να χρησιμοποιηθούν για την υποστήριξη των κριτηρίων επιτυχίας του WCAG 2.0. Το παρόν έγγραφο παρέχει "Γενικές τεχνικές" που περιγράφουν βασικές πρακτικές, οι οποίες εφαρμόζονται σε οποιαδήποτε τεχνολογία και τεχνικές συγκεκριμένης τεχνολογίας που παρέχουν πληροφορίες που εφαρμόζονται σε συγκεκριμένες τεχνολογίες. Η Κοινοπραξία του Παγκόσμιου Ιστού απλώς καταγράφει τεχνικές για μη αποκλειστικές τεχνολογίες. Η Ομάδα εργασίας του WCAG ευελπιστεί στην παροχή παρόμοιων τεχνικών από προμηθευτές άλλων τεχνολογιών, για την περιγραφή του τρόπου συμμόρφωσης με το WCAG 2.0 χρησιμοποιώντας αυτές τις τεχνολογίες. Η χρήση των τεχνικών που παρέχονται στον παρόν καθιστά ευκολότερη για το περιεχόμενο Ιστού την επίδειξη συμμόρφωσης με τα κριτήρια επιτυχίας του WCAG 2.0, σε σχέση με την μη χρήση αυτών των τεχνολογιών.

Εκτός των τεχνικών που παρέχονται στο παρόν έγγραφο, ενδέχεται να υπάρχουν άλλες τεχνικές που να μπορούν να χρησιμοποιθούν για την υλοποίηση της συμμόρφωσης με το WCAG 2.0. Η ομάδα εργασίας του WCAG ενθαρρύνει την υποβολή αυτών των τεχνικών, έτσι ώστε να μελετηθεί η συμπερίληψή τους στο παρόν έγγραφο, προκειμένου το σύνολο των τεχνικών που διατηρούνται από την ομάδα εργασίας του WCAG να είναι όσο το δυνατόν πιο περιεκτικό. Υποβάλετε τεχνικές προς μελέτη με χρήση της "φόρμας υποβολής τεχνικών" "(Techniques Submission Form)."

Το παρόν έγγραφο αποτελεί μέρος μιας σειράς εγγράφων που έχουν εκδοθεί από την Πρωτοβουλία Προσβασιμότητας στον Ιστό (Web Accessibility Initiative, WAI) της W3C για την υποστήριξη των οδηγιών WCAG 2.0. Το παρόν έγγραφο δημοσιεύθηκε ως ένα σημείωμα της ομάδας εργασίας ταυτόχρονα με τη δημοσίευση του WCAG 2.0 ως μια Σύσταση της W3C. Σε αντίθεση με το WCAG 2.0, αναμένεται ότι οι πληροφορίες στην "Κατανόηση του WCAG 2.0" θα ενημερώνονται ανά διαστήματα. Βλέπε την "Επισκόπηση των Οδηγιών για την Προσβασιμότητα του Περιεχομένου του Ιστού" για μια εισαγωγή στο WCAG, με την υποστήριξη τεχνικών εγγράφων και εκπαιδευτικού υλικού.

Κατάσταση του παρόντος εγγράφου

Στην ενότητα αυτή περιγράφεται η κατάσταση του παρόντος εγγράφου κατά την έκδοσή του. Άλλα έγγραφα ενδέχεται να υπερισχύουν αυτού του εγγράφου. Μια λίστα με τις τρέχουσες εκδόσεις του W3C και την πιο πρόσφατη αναθεώρηση της παρούσας τεχνικής έκθεσης παρέχεται στο ευρετήριο τεχνικών εκθέσεων της W3C (W3C technical reports index) στη διεύθυνση http://www.w3.org/TR/.

Αυτό είναι ένα σημείωμα της ομάδας εργασίας, "Τεχνικές για το WCAG 2.0". Αυτές οι τεχνικές δημιουργούνται από την Ομάδα εργασίας των Οδηγιών για την Προσβασιμότητα του Περιεχομένου του Ιστού (Web Content Accessibility Guidelines Working Group) με σκοπό την παροχή οδηγιών σχετικά με τον τρόπο συμμόρφωσης με τη Σύσταση για τις Οδηγίες για την Προσβασιμότητα του Περιεχομένου του Ιστού 2.0. Γίνεται παραπομπή στις τεχνικές από τα "Κατανόηση του WCAG 2.0" και "Πώς ικανοποιείται το WCAG 2.0". Να σημειωθεί ότι τα περιεχόμενα του παρόντος εγγράφου είναι πληροφοριακού χαρακτήρα (παρέχουν οδηγίες) και όχι κανονιστικά (δεν ορίζουν απαιτήσεις για τη συμμόρφωση με το WCAG 2.0).

Η ομάδα εργασίας ζητά οποιαδήποτε σχόλια επί της πρωτότυπης έκδοσης να διατυπωθούν χρησιμοποιώντας την ηλεκτρονική φόρμα σχολίων (online comment form) που παρέχεται. Εάν αυτό δεν είναι εφικτό, τα σχόλια μπορούν επίσης να αποστέλλονται στη διεύθυνση public-comments-wcag20@w3.org. Τα αρχεία για τη λίστα δημόσιων σχολίων (archives for the public comments list) είναι διαθέσιμα στο κοινό. Σχόλια που παραλαμβάνονται στο παρόν έγγραφο μπορούν να απευθύνονται σε μελλοντικές εκδόσεις του παρόντος εγγράφου ή με άλλο τρόπο. Η ομάδα εργασίας δεν σκοπεύει να παράσχει επίσημες απαντήσεις σε σχόλια. Τα αρχεία των συζητήσεων της λίστας αλληλογραφίας της ομάδας εργασίας WCAG (WCAG WG mailing list discussions) είναι διαθέσιμα στο κοινό και μελλοντικές εργασίες που αναλαμβάνει η ομάδα εργασίας μπορεί να ανταποκρίνονται σε σχόλια που έχουν παραληφθεί στο παρόν έγγραφο.

Εκτιμάται ιδιαίτερα υλικό από το κοινό για τη βοήθεια κατά την τεκμηρίωση τεχνικών. Χρησιμοποιείτε τη φόρμα υποβολής τεχνικών (Techniques Submission Form) για την υποβολή τεχνικών.

Το παρόν έγγραφο έχει δημιουργηθεί ως μέρος της Πρωτοβουλίας Προσβασιμότητας στον Ιστό (Web Accessibility Initiative) (WAI). Οι στόχοι της Ομάδας Εργασίας WCAG εξετάζονται στο καταστατικό της ομάδας εργασίας WCAG (WCAG Working Group charter). Η Oμάδα Εργασίας WCAG αποτελεί τμήμα της Τεχνικής Δραστηριότητας WAI (WAI Technical Activity).

Η δημοσίευση ως Σημείωμα της ομάδας εργασίας δεν συνεπάγεται ότι έχει την έγκριση από τα Μέλη της Ομάδας W3C. Το παρόν αποτελεί πρόχειρο έγγραφο, το οποίο μπορεί να ενημερωθεί, να αντικατασταθεί ή να καταργηθεί από άλλα έγγραφα, οποιαδήποτε στιγμή. Το παρόν έγγραφο θα πρέπει να αναφέρεται ως έργο που βρίσκεται σε εξέλιξη.

Το παρόν έγγραφο είναι αποτέλεσμα του έργου μιας ομάδας, η οποία εργάστηκε σύμφωνα με την πολιτική περί ευρεσιτεχνιών του W3C της 5ης Φεβρουαρίου του 2004 (5 February 2004 W3C Patent Policy). Το W3C διατηρεί μια δημόσια λίστα των περιγραφών ευρεσιτεχνιών (public list of any patent disclosures) που έχει δημιουργηθεί σε συνδυασμό με τα παραδοτέα της ομάδας. Αυτή η σελίδα περιέχει επίσης οδηγίες για την περιγραφή των ευρεσιτεχνιών. Ένα άτομο που έχει πραγματική γνώση του διπλώματος ευρεσιτεχνίας, το οποίο το άτομο πιστεύει ότι περιέχει ουσιαστικές αξιώσεις (Essential Claim(s)) οφείλει να αποκαλύψει τις πληροφορίες σύμφωνα με την ενότητα 6 της πολιτικής του W3C περί διπλωμάτων ευρεσιτεχνίας (section 6 of the W3C Patent Policy).


Περιεχόμενα

Παράρτημα


Εισαγωγή στις Τεχνικές για το WCAG 2.0

Το παρόν έγγραφο αποτελεί μέρος μιας σειράς εγγράφων που έχουν εκδοθεί από την Πρωτοβουλία Προσβασιμότητας στον Ιστό (Web Accessibility Initiative, WAI) της W3C για την υποστήριξη των οδηγιών WCAG 2.0 [WCAG20]. Περιλαμβάνει μια ποικιλία τεχνικών που περιλαμβάνουν συγκεκριμένες πρακτικές σύνταξης και παραδείγματα ανάπτυξης περισσότερο προσβάσιμου περιεχομένου Ιστού. Επίσης, παραθέτει αποτυχίες που περιγράφουν κοινά λάθη που θεωρούνται αποτυχίες των Κριτηρίων Επιτυχίας του WCAG 2.0.

Το παρόν δεν είναι εισαγωγικό έγγραφο. Είναι μια αναλυτική τεχνική περιγραφή τεχνικών που μπορούν να χρησιμοποιηθούν για την αντιμετώπιση των απαιτήσεων στο WCAG 2.0. Δείτε την Επισκόπηση των Οδηγιών για την Προσβασιμότητα του Περιεχομένου του Ιστού (Web Content Accessibility Guidelines (WCAG) Overview) για μια εισαγωγή στο WCAG, τα υποστηρικτικά τεχνικά έγγραφα και το εκπαιδευτικό υλικό.

Προκειμένου το σύνολο τεχνικών που διατηρείται από την ομάδα εργασίας του WCAG να είναι όσο το δυνατόν πιο περιεκτικό, η ομάδα εργασίας του WCAG ενθαρρύνει την υποβολή νέων τεχνικών, έτσι ώστε να μελετηθεί η συμπερίληψή τους στο παρόν έγγραφο. Υποβάλετε τεχνικές προς μελέτη με χρήση της "Φόρμας Υποβολής Τεχνικών" ("Techniques Submission Form").

Επαρκείς και Συμβουλευτικές Τεχνικές

Αντί για τεχνικές συγκεκριμένης τεχνολογίας στο WCAG 2.0, οι ίδιες οι οδηγίες και τα κριτήρια επιτυχίας έχουν συνταχθεί με τρόπο ουδέτερης τεχνολογίας. Προκειμένου να παρέχονται οδηγίες και παραδείγματα για την τήρηση των οδηγιών χρησιμοποιώντας συγκεκριμένες τεχνολογίες (για παράδειγμα HTML), η ομάδα εργασίας έχει προσδιορίσει επαρκείς τεχνικές για κάθε Κριτήριο Επιτυχίας που είναι επαρκείς για την κάλυψη αυτού του Κριτηρίου Επιτυχίας. Η λίστα επαρκών τεχνικών βρίσκεται στην "Κατανόηση του WCAG 2.0" (και επίσης στο "Πώς ικανοποιείται το WCAG 2.0"). Έτσι είναι δυνατή η ενημέρωση της λίστας καθώς ανακαλύπτονται νέες τεχνικές και καθώς οι τεχνολογίες Ιστού και οι υποστηρικτικές τεχνολογίες προοδεύουν.

Να σημειωθεί ότι όλες οι τεχνικές είναι πληροφοριακού χαρακτήρα (informative). Οι "επαρκείς τεχνικές" θεωρούνται επαρκείς από την ομάδα εργασίας του WCAG για την κάλυψη των Κριτηρίων Επιτυχίας. Ωστόσο, δεν είναι απαραίτητη η χρήση αυτών των συγκεκριμένων τεχνικών. Εάν χρησιμοποιούνται τεχνικές άλλες από εκείνες που παρατίθενται από την ομάδα εργασίας, τότε θα χρειαστεί κάποια άλλη μέθοδος καθιέρωσης της ικανότητας της τεχνικής για την κάλυψη των κριτηρίων επιτυχίας.

Τα περισσότερα κριτήρια επιτυχίας έχουν πολλαπλές επαρκείς τεχνικές. Οποιεσδήποτε από τις καταχωρημένες επαρκείς τεχνικές μπορούν να χρησιμοποιηθούν για την κάλυψη του Κριτηρίου Επιτυχίας. Ενδέχεται να υπάρχουν άλλες τεχνικές οι οποίες δεν τεκμηριώνονται από την ομάδα εργασίας, που θα μπορούσαν επίσης να καλύψουν το κριτήριο επιτυχίας. Καθώς προσδιορίζονται νέες επαρκείς τεχνικές, θα προστίθενται στη λίστα.

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

1. Γενικές τεχνικές


G1: Προσθήκη συνδέσμου στο πάνω μέρος κάθε σελίδας που μεταβαίνει απευθείας στην κύρια περιοχή του περιεχομένου

Εφαρμογή

Όλες οι τεχνολογίες που περιέχουν συνδέσμους

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι η παροχή ενός μηχανισμού παράκαμψης μπλοκ υλικού που επαναλαμβάνονται σε πολλαπλές Ιστοσελίδες, με απευθείας παράκαμψη στο κύριο περιεχόμενο της Ιστοσελίδας. Το πρώτο αλληλεπιδραστικό στοιχείο στην Ιστοσελίδα είναι ένας σύνδεσμος προς την αρχή του κύριου περιεχομένου. Η ενεργοποίηση του συνδέσμου ορίζει την επισήμανση πέραν του υπόλοιπου περιεχομένου στο κύριο περιεχόμενο. Η παρούσα τεχνική είναι περισσότερο χρήσιμη όταν μια Ιστοσελίδα έχει μία περιοχή κύριου περιεχομένου, αντί για ένα σύνολο περιοχών περιεχομένου που είναι εξίσου σημαντικές.

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

Παραδείγματα

Παράδειγμα 1: Μια ηλεκτρονική εφημερίδα

Μια ηλεκτρονική εφημερίδα περιέχει πολλές ενότητες πληροφοριών: μια λειτουργία αναζήτησης, ένα εταιρικό banner, πλευρικές γραμμές, μικρές ιστορίες, τρόποι επικοινωνίας με την εφημερίδα κ.λπ. Το κύριο θέμα βρίσκεται στο κέντρο της σελίδας. Ο πρώτος σύνδεσμος που βρίσκει ο χρήστης όταν μετακινείται με το πλήκτρο tab στη σελίδα έχει τίτλο "Μετάβαση σε κεντρικό θέμα". Η ενεργοποίηση του συνδέσμου μετακινεί την οπτική επισήμανση στο θέμα. Νέo πάτημα του πλήκτρου tab μεταφέρει τον χρήστη στον πρώτο σύνδεσμο στο κεντρικό θέμα.

Παράδειγμα 2: Σύνδεσμος "Μετάβαση στο κύριο περιεχόμενο"

Μια ιστοσελίδα περιλαμβάνει ποικιλία τεχνικών πλοήγησης σε κάθε σελίδα: ένα στοιχείο ιχνηλάτησης, ένα εργαλείο αναζήτησης, έναν χάρτη ιστότοπου και μια λίστα σχετικών πόρων. Ο πρώτος σύνδεσμος στη σελίδα έχει τίτλο "Μετάβαση στο κύριο περιεχόμενο". Ο χρήστης ενεργοποιεί τον σύνδεσμο για παράκαμψη των εργαλείων πλοήγησης.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι το πρώτο στοιχείο ελέγχου με δυνατότητα επισήμανσης στην Ιστοσελίδα είναι σύνδεσμος.

  2. Ελέγξτε ότι η περιγραφή του συνδέσμου ενημερώνει ότι πραγματοποιεί σύνδεση στο κύριο περιεχόμενο.

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

  4. Ελέγξτε ότι η ενεργοποίηση του συνδέσμου μετακινεί την επισήμανση στο κύριο περιεχόμενο.

  5. Ελέγξτε ότι μετά την ενεργοποίηση του συνδέσμου, η επισήμανση πληκτρολογίου μετακινείται στο κύριο περιεχόμενο.

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G4: Δυνατότητα διακοπής και επανεκκίνησης του περιεχομένου από το σημείο διακοπής του

Εφαρμογή

Κάθε τεχνολογία που περιλαμβάνει περιεχόμενο σε κίνηση ή κύλιση.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

  • Ένας ιστότοπος περιέχει ένα κυλιόμενο banner ειδήσεων στην κορυφή της σελίδας. Οι χρήστες που χρειάζονται περισσότερο χρόνο για να το διαβάσουν, μπορούν να πατήσουν το κουμπί Escape για παύση της κύλισης. Η κύλιση ξαναξεκινά με νέο πάτημα του πλήκτρου escape.

  • Μια ιστοσελίδα περιέχει σύνδεσμο με ετικέτα "Πώς να δέσετε ένα παπούτσι" που συνδέεται με κινούμενο σχέδιο Flash. Το κείμενο ακριβώς πριν τον σύνδεσμο ενημερώνει τον χρήστη ότι το πάτημα του πλήκτρου διαστήματος μπορεί να παύσει το κινούμενο σχέδιο και να το ξαναξεκινήσει.

Δοκιμές

Διαδικασία

Σε μια σελίδα με περιεχόμενο σε κίνηση ή κύλιση,

  1. Χρησιμοποιήστε τον μηχανισμό που παρέχεται στην Ιστοσελίδα ή από τον πράκτορα χρήστη για την παύση του περιεχομένου σε κίνηση ή κύλιση.

  2. Ελέγξτε ότι η κίνηση ή η κύλιση σταμάτησε και δεν ξαναξεκινά από μόνη της.

  3. Χρησιμοποιήστε τον μηχανισμό που παρέχεται για να ξαναξεκινήσει το κινούμενο περιεχόμενο.

  4. Ελέγξτε ότι η κίνηση ή η κύλιση ξαναξεκίνησε από το σημείο όπου είχε σταματήσει.

Αναμενόμενα Αποτελέσματα
  • Τα #2 και #4 είναι αληθή.


G5: Δυνατότητα σε χρήστες για ολοκλήρωση μιας δραστηριότητας χωρίς χρονικό όριο

Εφαρμογή

Αυτή η τεχνική εφαρμόζεται σε όλες τις τεχνολογίες ή μεθόδους που υποστηρίζουν την εκτέλεση δραστηριότητας που δεν απαιτεί προγραμματισμένη αλληλεπίδραση για τη λειτουργία της.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

  • Μια αλληλεπιδραστική εξέταση για ένα μάθημα παρέχει όλες τις ερωτήσεις σε μια Ιστοσελίδα. Οι χρήστες μπορούν να αξιοποιήσουν όσο χρόνο χρειάζονται για την ολοκλήρωσή της.

  • Σε ένα αλληλεπιδραστικό παιχνίδι, οι χρήστες αξιοποιούν όσο χρόνο θέλουν στη σειρά τους αντί της υποχρέωσης να ολοκληρώσουν την κίνησή τους εντός περιορισμένου χρονικού διαστήματος.

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

Πόροι

Δοκιμές

Διαδικασία
  1. Καθορίστε εάν υπάρχουν προγραμματισμένες αλληλεπιδράσεις.

Αναμενόμενα Αποτελέσματα
  • Το #1 είναι ψευδές.


G8: Παροχή ταινίας με εκτεταμένες ηχητικές περιγραφές

Εφαρμογή

Οποιαδήποτε τεχνολογία που υποστηρίζει ήχο και βίντεο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

Παραδείγματα

Παράδειγμα 1

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

Παράδειγμα 2

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

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Άνοιγμα της έκδοσης της ταινίας που περιλαμβάνει τις εκτεταμένες ηχητικές περιγραφές.

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

  3. Ελέγξτε ότι οι απαραίτητες πληροφορίες βρίσκονται στην ηχητική περιγραφή.

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

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #2, #3 και #4 είναι αληθείς.


G9: Δημιουργία λεζάντων για συγχρονισμένα μέσα πραγματικού χρόνου

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες που παρουσιάζουν οπτικοακουστικές πληροφορίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Παραδείγματα

  • Παράδειγμα 1: Ένα τηλεοπτικό στούντιο χρησιμοποιεί υπηρεσία επεξηγήσεων σε πραγματικό χρόνο για τη δημιουργία επεξηγήσεων για το βραδινό ηλεκτρονικό δελτίο ειδήσεων .

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι γίνεται χρήση διαδικασίας και πολιτικής που διασφαλίζουν ότι οι επεξηγήσεις παραδίδονται σε πραγματικό χρόνο

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G10: Δημιουργία συστατικών στοιχείων με χρήση τεχνολογίας που υποστηρίζει τα χαρακτηριστικά προσβασιμότητας API για τις πλατφόρμες στις οποίες θα εκτελεστούν οι πράκτορες χρήστη για να προβάλουν τα ονόματα και τους ρόλους, να επιτρέψουν ιδιότητες που ρυθμίζονται από τον χρήστη να ρυθμιστούν απευθείας και να παράσχουν ειδοποιήσεις για τυχόν αλλαγές

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να επιτρέψει στην υποστηρικτική τεχνολογία να κατανοήσει το περιεχόμενο Ιστού, έτσι ώστε να μπορεί να μεταφέρει ισοδύναμες πληροφορίες στον χρήστη μέσω μιας εναλλακτικής διεπαφής χρήστη.

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

Ωστόσο, εάν ένας συγγραφέας θέλει να δημιουργήσει ένα νέο συστατικό στοιχείο διεπαφής χρήστη και δεν μπορεί να χρησιμοποιήσει τυποποιημένα συστατικά στοιχεία, τότε πρέπει να είναι σίγουρος για να προσθέσει ο ίδιος τις προβλέψεις προσβασιμότητας - και να τις εφαρμόσει με τρόπο συμβατό με το API προσβασιμότητας.

Ύστερα από την ολοκλήρωση, το προσαρμοσμένο συστατικό στοιχείο θα πρέπει να ελέγχεται για υποστήριξη προσβασιμότητας.

Παραδείγματα

  • Μια Ιστοσελίδα χρησιμοποιεί java για τη δημιουργία ενός applet. Μια ομάδα συγγραφέων θέλει να δημιουργήσει έναν ολόκληρο νέο τύπο συστατικού στοιχείου διεπαφής, άρα δεν μπορεί να χρησιμοποιήσει υπάρχοντα αντικείμενα Java. Χρησιμοποιούν κλάσεις Java swing για τη δημιουργία του συστατικού στοιχείου διότι οι κλάσεις Java swing έχουν ήδη προβλέψεις για σύνδεση με διαφορετικά API προσβασιμότητας. Χρησιμοποιώντας τις κλάσεις Java swing, μπορούν να δημιουργήσουν ένα συστατικό στοιχείο διεπαφής που προβάλλει το όνομα και το ρόλο του, μπορεί να ρυθμιστεί από AT και ειδοποιεί την AT για τυχόν αλλαγές.

  • Μια Ιστοσελίδα χρησιμοποιεί ένα αυθεντικό στοιχείο ελέγχου ActiveX που είναι γραμμένο στη γλώσσα προγραμματισμού C++. Το στοιχείο ελέγχου είναι γραμμένο για να υποστηρίξει ρητά το API Microsoft Active Accessibility (MSAA) για την προβολή πληροφοριών σχετικά με εντολές αποδοχής. Το στοιχείο ελέγχου στη συνέχεια αλληλεπιδρά απευθείας με την υποστηρικτική τεχνολογία που εκτελεί τον πράκτορα χρήστη σε συστήματα που υποστηρίζουν MSAA.

Δοκιμές

Διαδικασία
  1. Αποδώστε το περιεχόμενο χρησιμοποιώντας προσβάσιμο πράκτορα χρήστη.

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

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

  4. Αλλάξτε τις τιμές στο συστατικό στοιχείο.

  5. Ελέγξτε ότι το εργαλείο προσβασιμότητας έχει ειδοποιηθεί.

  6. Ελέγξτε ότι το συστατικό στοιχείο λειτουργεί με υποστηρικτικές τεχνολογίες.

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #3, #5 και #6 είναι αληθείς για κάθε συστατικό στοιχείο διεπαφής χρήστη.


G11: Δημιουργία περιεχομένου που αναβοσβήνει για λιγότερα από 5 δευτερόλεπτα

Εφαρμογή

Τεχνολογίες που υποστηρίζουν περιεχόμενο που αναβοσβήνει.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να ελαχιστοποιηθεί η απόσπαση που προκαλείται από το περιεχόμενο που αναβοσβήνει και να δοθεί η δυνατότητα στους χρήστες να επισημάνουν το υπόλοιπο περιεχόμενο στη σελίδα.

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

Παραδείγματα

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

Δοκιμές

Διαδικασία
  1. Βρείτε όλα τα αντικείμενα που αναβοσβήνουν.

  2. Για κάθε αντικείμενο που αναβοσβήνει, καθορίστε εάν το διάστημα μεταξύ της έναρξης και της λήξης του αναβοσβησίματος είναι μικρότερο από πέντε δευτερόλεπτα.

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές.


G13: Περιγραφή αυτού που θα συμβεί πριν την αλλαγή σε ένα στοιχείο ελέγχου φόρμας που προκαλεί μια αλλαγή στο περιβάλλον

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Τα παρακάτω είναι ορισμένα παραδείγματα του τρόπου παροχής οδηγιών σε διαφορετικές περιστάσεις.

  • Παροχή οδηγιών στην Ιστοσελίδα με σειρά ανάγνωσης που προηγείται του στοιχείου διεπαφής χρήστη το οποίο προκαλεί αλλαγή του περιβάλλοντος μέσω αλλαγής της ρύθμισης.

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

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

Παραδείγματα

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

  • Μια ηλεκτρονική έρευνα 50 ερωτήσεων εμφανίζει μία ερώτηση κάθε φορά. Οδηγίες εμφανίζονται στην αρχή της έρευνας εξηγώντας ότι οι χρήστες θα μεταφερθούν στην επόμενη ερώτηση της έρευνας με την επιλογή μίας απάντησης σε κάθε ερώτηση.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

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

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

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G14: Διασφάλιση ότι οι πληροφορίες που μεταφέρονται με διαφορές χρωμάτων είναι επίσης διαθέσιμες σε κείμενο

Εφαρμογή

Όλες οι τεχνολογίες που υποστηρίζουν χρώμα και κείμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Ένα χρωματικά κωδικοποιημένο πρόγραμμα

Το πρόγραμμα για τις συνεδρίες σε ένα τεχνολογικό συνέδριο οργανώνεται σε τρία τμήματα. Οι συνεδρίες για το τμήμα 1 απεικονίζονται πάνω σε μπλε παρασκήνιο. Οι συνεδρίες για το τμήμα 2 απεικονίζονται πάνω σε κίτρινο παρασκήνιο. Οι συνεδρίες για το τμήμα 3 απεικονίζονται πάνω σε πράσινο παρασκήνιο. Μετά το όνομα κάθε συνεδρίας ακολουθεί ένας κωδικός του τμήματος σε κείμενο: Τ1 για το τμήμα 1, Τ2 για το τμήμα 2 και Τ3 για το τμήμα 3.

Παράδειγμα 2: Ένα χρωματικά κωδικοποιημένο πρόγραμμα με εικονίδια

Το πρόγραμμα για τις συνεδρίες σε ένα τεχνολογικό συνέδριο οργανώνεται σε τρία τμήματα. Δίπλα από τον τίτλο κάθε συνεδρίας υπάρχει ένα έγχρωμο εικονίδιο που δείχνει το τμήμα στο οποίο ανήκει: τα μπλε εικονίδια αντιπροσωπεύουν το τμήμα 1, τα κίτρινα το τμήμα 2 και τα πράσινα το τμήμα 3. Κάθε εικονίδιο είναι συσχετισμένο με ένα εναλλακτικό κειμένου που αναλόγως λέει "Τμήμα 1", "Τμήμα 2" ή "Τμήμα 3".

Παράδειγμα 3: Μια φόρμα με απαιτούμενα πεδία

Μια φόρμα περιέχει αρκετά απαιτούμενα πεδία. Οι ετικέτες για τα απαιτούμενα πεδία εμφανίζονται σε κόκκινο. Επιπρόσθετα, στο τέλος κάθε ετικέτας υπάρχει ένας χαρακτήρας αστερίσκου, *. Οι οδηγίες για τη συμπλήρωση της φόρμας υποδεικνύουν ότι "όλα τα απαιτούμενα πεδία εμφανίζονται με κόκκινο και σημειώνονται με αστερίσκο*" και ακολουθούνται από παράδειγμα.

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

Παράδειγμα 4: Μια φόρμα με πράσινο κουμπί υποβολής

Μια ηλεκτρονική αίτηση δανείου εξηγεί ότι τα πράσινα κουμπιά προχωρούν τη διαδικασία και τα κόκκινα την ακυρώνουν. Μια φόρμα περιέχει ένα πράσινο κουμπί με το κείμενο Μετάβαση. Οι οδηγίες λένε "Πιέστε το κουμπί Μετάβαση για να υποβάλετε τα αποτελέσματά σας και προχωρήστε στο επόμενο βήμα."

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε στοιχείο όπου χρησιμοποιείται διαφορά χρώματος για τη μεταφορά πληροφοριών:

  1. Ελέγξτε ότι οι πληροφορίες που μεταφέρονται είναι επίσης διαθέσιμες σε κείμενο και ότι το κείμενο δεν είναι περιεχόμενο υπό συνθήκη.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G15: Χρήση ενός εργαλείου για τη διασφάλιση ότι το περιεχόμενο δεν παραβαίνει το γενικό όριο φλας ή το όριο κόκκινου φλας

Εφαρμογή

Εφαρμόζεται σε κάθε τεχνολογία

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Σημείωμα 1:Υπάρχουν ορισμένοι απλοί έλεγχοι που μπορούν να εκτελεστούν για συγκεκριμένους τύπους φλας. Για παράδειγμα:

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

Παραδείγματα

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

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία

Ελέγξτε να δείτε ότι το περιεχόμενο δεν παραβαίνει το γενικό όριο ή/και το όριο κόκκινου φλας

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

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G17: Διασφάλιση ότι η αναλογία αντίθεσης φωτεινότητας είναι τουλάχιστον 7:1 μεταξύ κειμένου (και εικόνων κειμένου) και παρασκηνίου πίσω από το κείμενο

Εφαρμογή

Κάθε τεχνολογία με οπτικά δεδομένα εξόδου

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να εξασφαλίσει ότι οι χρήστες μπορούν να διαβάσουν κείμενο που τους παρουσιάζεται πάνω σε παρασκήνιο. Αυτή η τεχνική ξεπερνά την τεχνική αντίθεσης 4,5:1 για την παροχή υψηλότερου επιπέδου αντίθεσης, για να διευκολύνει άτομα με περιορισμένη όραση να διαβάσουν.

Εάν το παρασκήνιο είναι ένα συμπαγές χρώμα (όλο μαύρο ή όλο λευκό), τότε η αναλογία αντίθεσης του κειμένου μπορεί να διατηρηθεί διασφαλίζοντας ότι κάθε γράμμα του κειμένου έχει 7:1 αναλογία αντίθεσης με το παρασκήνιο.

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

Η αναλογία αντίθεσης μπορεί συχνά να διατηρηθεί με αλλαγή της σχετικής φωτεινότητας των γραμμάτων καθώς η σχετική φωτεινότητα του παρασκηνίου αλλάζει σε όλη τη σελίδα.

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

Παραδείγματα

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

  • Έχει τοποθετηθεί κείμενο πάνω από μια εικόνα των χώρων (campus) του κολλεγίου. Εφόσον εμφανίζεται μια μεγάλη ποικιλία χρωμάτων και βαθμών σκοτεινότητας στην εικόνα, η περιοχή πίσω από το κείμενο παίρνει ένα θολό λευκό χρώμα, τέτοιο που η εικόνα είναι πολύ αχνή και ο μέγιστος βαθμός σκοτεινότητας είναι και πάλι αρκετά φωτεινός για τη διατήρηση της αναλογίας αντίθεσης 7:1 με το μαύρο κείμενο γραμμένο πάνω στην εικόνα

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Μετρήστε τη σχετική φωτεινότητα για κάθε γράμμα (εκτός εάν είναι όλα ομοιόμορφα) χρησιμοποιώντας τον τύπο:

    • L = 0.2126 * R + 0.7152 * G + 0.0722 * B όπου τα R, G και B καθορίζονται ως εξής:

      • εάν RsRGB <= 0.03928 τότε R = RsRGB/12.92, διαφορετικά R = ((RsRGB+0.055)/1.055) ^ 2.4

      • εάν GsRGB <= 0.03928 τότε G = GsRGB/12.92, διαφορετικά G = ((GsRGB+0.055)/1.055) ^ 2.4

      • εάν BsRGB <= 0.03928 τότε B = BsRGB/12.92, διαφορετικά B = ((BsRGB+0.055)/1.055) ^ 2.4

      και τα RsRGB, GsRGB και BsRGB καθορίζονται ως εξής:

      • RsRGB = R8bit/255

      • GsRGB = G8bit/255

      • BsRGB = B8bit/255

      Ο χαρακτήρας "^" είναι ο τελεστής ύψωσης σε δύναμη.

    Σημείωση: Για aliased γράμματα, χρησιμοποιήστε την τιμή της σχετικής φωτεινότητας που εντοπίζεται στα δύο pixel μέσα από την άκρη του γράμματος.

  2. Μετρήστε τη σχετική φωτεινότητα των pixel παρασκηνίου ακριβώς μετά το γράμμα χρησιμοποιώντας τον ίδιο τύπο.

  3. Μετρήστε την αναλογία αντίθεσης χρησιμοποιώντας τον ακόλουθο τύπο.

    • (L1 + 0.05) / (L2 + 0.05), όπου

      • Το L1 είναι η σχετική φωτεινότητα (relative luminance) του πιο ανοικτού από τα χρώματα προσκηνίου ή παρασκηνίου και

      • L2 είναι η σχετική φωτεινότητα (relative luminance) του πιο σκούρου από τα χρώματα προσκηνίου ή παρασκηνίου.

  4. Ελέγξτε ότι η αναλογία αντίθεσης είναι ίση ή μεγαλύτερη από 7:1

Αναμενόμενα Αποτελέσματα
  • Το #4 είναι αληθές


G18: Διασφάλιση ότι η αναλογία αντίθεσης φωτεινότητας είναι τουλάχιστον 4,5:1 μεταξύ κειμένου (και εικόνων κειμένου) και παρασκηνίου πίσω από το κείμενο

Εφαρμογή

Κάθε τεχνολογία που παράγει οπτικά δεδομένα εξόδου

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να εξασφαλίσει ότι οι χρήστες μπορούν να διαβάσουν κείμενο που τους παρουσιάζεται πάνω σε παρασκήνιο. Για το κριτήριο επιτυχίας 1.4.3, αυτή η τεχνική περιγράφει την ελάχιστη αναλογία αντίθεσης για κείμενο που είναι μικρότερο από 18 στιγμές (όχι σε έντονη γραφή) και μικρότερο από 14 στιγμές (έντονη γραφή). Για το κριτήριο επιτυχίας 1.4.5, αυτή η τεχνική καθιστά πιο ήπια την απαίτηση της αναλογίας αντίθεσης 7:1 για κείμενο που είναι τουλάχιστον 18 στιγμές (όχι σε έντονη γραφή) ή τουλάχιστον 14 στιγμές (έντονη γραφή).

Εάν το παρασκήνιο είναι ένα συμπαγές χρώμα (όλο μαύρο ή όλο λευκό), τότε η σχετική φωτεινότητα του κειμένου μπορεί να διατηρηθεί διασφαλίζοντας ότι κάθε γράμμα του κειμένου έχει αναλογία αντίθεσης 4,5:1 με το παρασκήνιο.

Εάν η σχετική φωτεινότητα του παρασκηνίου ή των γραμμάτων ποικίλλει (ή ακολουθούν πρότυπο), τότε το παρασκήνιο γύρω από τα γράμματα μπορεί να επιλεγεί ή να σκιαστεί έτσι ώστε τα γράμματα να διατηρήσουν την αναλογία αντίθεσης 4,5:1 με το παρασκήνιο πίσω τους ακόμα και αν δεν έχουν την ίδια αναλογία αντίθεσης με όλο το παρασκήνιο.

Η αναλογία αντίθεσης μπορεί συχνά να διατηρηθεί με αλλαγή της σχετικής φωτεινότητας των γραμμάτων καθώς η σχετική φωτεινότητα του παρασκηνίου αλλάζει σε όλη τη σελίδα.

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

Παραδείγματα

  • Επιλέγεται μαύρο παρασκήνιο έτσι ώστε να είναι δυνατή η χρήση γραμμάτων σε ανοικτό χρώμα που να ταιριάζουν με το εταιρικό λογότυπο.

  • Έχει τοποθετηθεί κείμενο πάνω μια από εικόνα των χώρων (campus) του κολλεγίου. Εφόσον εμφανίζεται μια μεγάλη ποικιλία χρωμάτων και βαθμών σκοτεινότητας στην εικόνα, η περιοχή πίσω από το κείμενο παίρνει ένα θολό λευκό χρώμα, τέτοιο που η εικόνα είναι πολύ αχνή και ο μέγιστος βαθμός σκοτεινότητας είναι και πάλι αρκετά φωτεινός για τη διατήρηση της αναλογίας αντίθεσης 4,5:1 με το μαύρο κείμενο γραμμένο πάνω στην εικόνα

    Δείτε επίσης τα δείγματα αντίθεσης σε σχετικούς πόρους.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία
  1. Μετρήστε τη σχετική φωτεινότητα για κάθε γράμμα (εκτός εάν είναι όλα ομοιόμορφα) χρησιμοποιώντας τον τύπο:

    • L = 0.2126 * R + 0.7152 * G + 0.0722 * B όπου τα R, G και B καθορίζονται ως εξής:

      • εάν RsRGB <= 0.03928 τότε R = RsRGB/12.92, διαφορετικά R = ((RsRGB+0.055)/1.055) ^ 2.4

      • εάν GsRGB <= 0.03928 τότε G = GsRGB/12.92, διαφορετικά G = ((GsRGB+0.055)/1.055) ^ 2.4

      • εάν BsRGB <= 0.03928 τότε B = BsRGB/12.92, διαφορετικά B = ((BsRGB+0.055)/1.055) ^ 2.4

      και τα RsRGB, GsRGB και BsRGB καθορίζονται ως εξής:

      • RsRGB = R8bit/255

      • GsRGB = G8bit/255

      • BsRGB = B8bit/255

      Ο χαρακτήρας "^" είναι ο τελεστής ύψωσης σε δύναμη.

    Σημείωση: Για aliased γράμματα, χρησιμοποιήστε τη σχετική φωτεινότητα που εντοπίζεται στα δύο pixel μέσα από την άκρη του γράμματος.

  2. Μετρήστε τη σχετική φωτεινότητα των pixel παρασκηνίου ακριβώς μετά το γράμμα χρησιμοποιώντας τον ίδιο τύπο.

  3. Μετρήστε την αναλογία αντίθεσης χρησιμοποιώντας τον ακόλουθο τύπο.

    • (L1 + 0.05) / (L2 + 0.05), όπου

      • Το L1 είναι η σχετική φωτεινότητα (relative luminance) του πιο ανοικτού από τα χρώματα προσκηνίου ή παρασκηνίου και

      • L2 είναι η σχετική φωτεινότητα (relative luminance) του πιο σκούρου από τα χρώματα προσκηνίου ή παρασκηνίου.

  4. Ελέγξτε ότι η αναλογία αντίθεσης είναι ίση ή μεγαλύτερη από 4,5:1

Αναμενόμενα Αποτελέσματα
  • Το #4 είναι αληθές.


G19: Διασφάλιση ότι κανένα συστατικό στοιχείο του περιεχομένου δεν αναβοσβήνει περισσότερες από τρεις φορές εντός κάθε περιόδου 1 δευτερολέπτου

Εφαρμογή

Εφαρμόζεται σε κάθε τεχνολογία

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Σημείωση 1:Αυτή η τεχνική είναι πιο αυστηρή από τα κριτήρια επιτυχίας επιπέδου 1, αλλά είναι ευκολότερο να δοκιμαστεί και να χρησιμοποιηθεί για την ικανοποίηση των Κριτηρίων Επιτυχίας επιπέδου 1 διότι όλα τα όρια αποτυχίας στα κριτήρια επιτυχίας επιπέδου 1 περιλαμβάνουν 3,5 ή περισσότερα φλας εντός ενός δευτερολέπτου. Το μεγαλύτερο μέρος του περιεχομένου δεν αναβοσβήνει καθόλου και ακόμα και το μέρος του που αναβοσβήνει, δεν το κάνει τόσο γρήγορα παρά μόνο σε σπάνιες περιπτώσεις. Συνεπώς, προκειμένου να αποφευχθεί η ανάγκη διενέργειας πιο περίπλοκων δοκιμών που καθορίζονται από τα κριτήρια επιτυχίας, θα μπορούσε κάποιος να ακολουθήσει αυτή την τεχνική για να διασφαλίσει ότι το περιεχόμενο αναβοσβήνει μία, δύο ή το πολύ τρεις φορές σε κάθε περίοδο του 1 δευτερολέπτου.

Σημείωση 2:Όσον αφορά στα 3,5 φλας: εάν υπάρχουν επτά μεταβάσεις από σκοτεινό σε φωτεινό ή από φωτεινό σε σκοτεινό, αυτό σημαίνει 3,5 φλας, το οποίο είναι μεγαλύτερο από τα επιτρεπόμενα τρία φλας (έξι μεταβάσεις).

Παράδειγμα 3,5 φλας ή επτά μεταβάσεων:

  • ΕΝΑΡΞΗ ΜΕ ΣΚΟΤΕΙΝΟ-ΦΩΤΕΙΝΟ-ΣΚΟΤΕΙΝΟ-ΦΩΤΕΙΝΟ-ΣΚΟΤΕΙΝΟ-ΦΩΤΕΙΝΟ-ΣΚΟΤΕΙΝΟ-ΦΩΤΕΙΝΟ ή

  • ΕΝΑΡΞΗ ΜΕ ΦΩΤΕΙΝΟ-ΣΚΟΤΕΙΝΟ-ΦΩΤΕΙΝΟ-ΣΚΟΤΕΙΝΟ-ΦΩΤΕΙΝΟ-ΣΚΟΤΕΙΝΟ-ΦΩΤΕΙΝΟ-ΣΚΟΤΕΙΝΟ

Παραδείγματα

  • Το περιεχόμενο έχει φλας από αστραπές. Το περιεχόμενο έχει σχεδιαστεί έτσι ώστε η αστραπή να εμφανίζεται (φλας) μόνο δύο ή τρεις φορές χωρίς παύση ανάμεσα.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι δεν υπάρχουν περισσότερα από τρία φλας σε κάθε περίοδο του 1 δευτερολέπτου.

  2. Εάν υπάρχουν τρία φλας, ελέγξτε ότι η κατάσταση Φωτεινό/Σκοτεινό στο τέλος της περιόδου του 1 δευτερολέπτου είναι ίδια με την αρχή.

Αναμενόμενα Αποτελέσματα
  • Τόσο το βήμα 1, όσο και το βήμα 2 είναι αληθή.


G21: Διασφάλιση ότι οι χρήστες δεν είναι παγιδευμένοι στο περιεχόμενο

Εφαρμογή

Όλες οι τεχνολογίες που υποστηρίζουν αλληλεπιδραστική λειτουργία.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να διασφαλίσει ότι οι χρήστες πληκτρολογίου δεν παγιδεύονται σε υποσύνολο του περιεχομένου, από το οποίο η έξοδος είναι δυνατή μόνο με χρήση ποντικιού ή συσκευής κατάδειξης. Ένα κοινό παράδειγμα είναι το περιεχόμενο που αποδίδεται από πρόσθετες εφαρμογές (plug-ins). Οι πρόσθετες λειτουργίες είναι πράκτορες χρήστη που αποδίδουν το περιεχόμενο εντός του κεντρικού παραθύρου του πράκτορα χρήστη και αποκρίνονται σε όλες τις ενέργειες του χρήστη που πραγματοποιούνται ενώ η επισήμανση βρίσκεται στην πρόσθετη εφαρμογή. Εάν η πρόσθετη εφαρμογή δεν παρέχει μηχανισμό πληκτρολογίου για επιστροφή της επισήμανσης στο γονικό παράθυρο, οι χρήστες που πρέπει να χρησιμοποιούν, μπορεί να παγιδευτούν στο περιεχόμενο της πρόσθετης λειτουργίας.

Αυτό το πρόβλημα μπορεί να αποφευχθεί με τη χρήση ενός από τους ακόλουθους μηχανισμούς για την παροχή στους χρήστες ενός τρόπου διαφυγής από το υποσύνολο του περιεχομένου:

  • Διασφάλιση ότι η λειτουργία πληκτρολογίου για προώθηση της επισήμανσης εντός περιεχομένου (κοινώς το πλήκτρο tab) εκτελεί έξοδο από το υποσύνολο του περιεχομένου αφού φτάσει στην τελική θέση πλοήγησης.

  • Παροχή λειτουργίας πληκτρολογίου για μετακίνηση της επισήμανσης εκτός του υποσυνόλου του περιεχομένου. Βεβαιωθείτε ότι έχετε τεκμηριώσει το χαρακτηριστικό με προσβάσιμο τρόπο εντός του υποσυνόλου.

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

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

Παραδείγματα

  • Μόλις ένας χρήστης μετακινηθεί με το πλήκτρο tab σε ένα applet, το applet διαχειρίζεται τα επιπλέον πατήματα του tab αποτρέποντας το άτομο από το να βγει μέσω του πλήκτρου tab. Ωστόσο, το applet είναι σχεδιασμένο έτσι ώστε να επιστρέφει την επισήμανση πληκτρολογίου πίσω στο γονικό παράθυρο όταν το άτομο τελειώσει την μετακίνηση στην ακολουθία tab μέσα στο applet.

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

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

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία
  1. μετακινηθείτε μέσα στο περιεχόμενο με το πλήκτρο tab από την αρχή μέχρι το τέλος.

  2. ελέγξτε εάν η επισήμανση πληκτρολογίου είναι παγιδευμένη σε κάποιο σημείο του περιεχομένου, με τρόπο που το άτομο δεν μπορεί να βγει από οποιοδήποτε μέρος του περιεχομένου και να συνεχίσει στο υπόλοιπο.

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι ψευδές


G53: Προσδιορισμός του σκοπού ενός συνδέσμου με χρήση κειμένου συνδέσμου μαζί με το κείμενο της εσωκλείουσας πρότασης

Εφαρμογή

Όλες οι τεχνολογίες που περιέχουν συνδέσμους.

Αυτή η τεχνική σχετίζεται με:

Σημειώσεις υποστήριξης πράκτορα χρήστη και υποστηρικτικής τεχνολογίας

Το JAWS 5.0 και νεότερα περιλαμβάνουν τις ακόλουθες πληκτρολογήσεις:

  • alt+leftArrow: ανάγνωση προηγούμενης πρότασης

  • alt+rightArrow: ανάγνωση επόμενης πρότασης

  • alt+NumPad 5: ανάγνωση τρέχουσας πρότασης

  • Ctrl+NumPad5: ανάγνωση τρέχουσας παραγράφου

Το Window-Eyes 5.5 έχει ειδικές συντομεύσεις (hotkeys) για την ανάγνωση της τρέχουσας πρότασης και της τρέχουσας παραγράφου.

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

Οι προεπιλεγμένες εργοστασιακές ρυθμίσεις για την ανάγνωση του περιβάλλοντος του συνδέσμου, έχουν ως εξής:

Ρυθμίσεις επιφάνειας εργασίας:

  • Χαρακτήρας = CTRL-NUMPAD-LEFT ARROW

  • Λέξη = CTRL-NUMPAD-RIGHT ARROW

  • Γραμμή = CTRL-NUMPAD-CENTER

  • Πρόταση = Μη διαθέσιμο στην κατάσταση περιήγησης

  • (Η εντολή "Επόμενη πρόταση" δεν ορίζεται εξ ορισμού στην κατάσταση επιφάνειας εργασίας, αλλά η επόμενη γραμμή είναι το κάτω (DOWN) βέλος.)

  • Επόμενη παράγραφος = P

  • Προηγούμενη παράγραφος = Shift P

  • Τρέχουσα παράγραφος = Μη διαθέσιμο στην κατάσταση περιήγησης

Φορητός υπολογιστής

  • Χαρακτήρας = ALT-SHIFT-LESS THAN

  • Προηγούμενη λέξη = ALT-SHIFT-J

  • Λέξη = ALT-SHIFT-K

  • Επόμενη λέξη= ALT-SHIFT-L

  • Προηγούμενη πρόταση = ALT-SHIFT-7

  • Πρόταση = μη διαθέσιμο στην κατάσταση περιήγησης

  • Επόμενη πρόταση = μη διαθέσιμο στην κατάσταση περιήγησης

  • Παράγραφος = δεν ορίζεται σε φορητό υπολογιστή εξ ορισμού

  • Προηγούμενη γραμμή = ALT-SHIFT-U

  • Γραμμή = ALT-SHIFT-I

  • Επόμενη γραμμή = ALT-SHIFT-O

Περιγραφή

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

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

Παραδείγματα

Παράδειγμα 1:

Μια Ιστοσελίδα περιέχει την πρόταση "Για διαφήμιση στη σελίδα αυτή, κάντε κλικ εδώ (click here)."

Αν και η φράση-σύνδεσμος "κάντε κλικ εδώ" δεν είναι επαρκής για την κατανόηση του συνδέσμου, οι απαιτούμενες πληροφορίες προηγούνται του συνδέσμου στην ίδια πρόταση.

Παράδειγμα 2:

Μια Ιστοσελίδα περιέχει την πρόταση "Οι πρώτοι άποικοι ήρθαν στην Αμερική με το καράβι Mayflower."

Παράδειγμα 3:

Στη σύνοψη νέων που περιέχει την πρόταση "Η Smallville Times αναφέρει ότι (reports that) η σχολική επιτροπή επέλεξε ένα σχολικό ημερολόγιο για το 2007 που αρχίζει στις 27 Αυγούστου.", οι λέξεις "αναφέρει ότι" αποτελούν έναν σύνδεσμο σε ένα άρθρο στην εφημερίδα Smallville Times σχετικά με τη συνέλευση της σχολικής επιτροπής.

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε σύνδεσμο στο περιεχόμενο που χρησιμοποιεί αυτή την τεχνική:

  1. Ελέγξτε ότι ο σύνδεσμος είναι μέρος μιας πρότασης

  2. Ελέγξτε ότι το κείμενο του συνδέσμου μαζί με το κείμενο της εσωκλείουσας πρότασης, περιγράφει τον σκοπό του συνδέσμου

Αναμενόμενα Αποτελέσματα
  • Οι παραπάνω έλεγχοι είναι αληθείς.


G54: Συμπερίληψη διερμηνέα νοηματικής γλώσσας στη ροή βίντεο

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες που παρουσιάζουν πληροφορίες συγχρονισμένων μέσων

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

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

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

Παραδείγματα

  • Παράδειγμα 1: Τηλεοπτικός σταθμός παρέχει διερμηνέα νοηματικής γλώσσας στη γωνία του ηλεκτρονικού δελτίου ειδήσεων σε βίντεο.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

  • Οδηγίες για την παραγωγή βιβλίων νοηματικής

    • Η "Παρουσίαση της νοηματικής γλώσσας" ("Sign Language presentation") δίνει μια εκτεταμένη επισκόπηση των θεμάτων προς επεξεργασία κατά την κινηματογράφηση διερμηνέων νοηματικής γλώσσας. Περιλαμβάνει σχολιασμό της μεταφοράς γραπτών και προφορικών αρχικών κειμένων στη νοηματική γλώσσα

    • Τεχνικές κινηματογράφησης σχολιάζονται στο κεφάλαιο 12, "Κινηματογραφώντας του ομιλητές νοηματικής" (chapter 12, “Filming the Signer(s)”).

    • Χρήσιμες πληροφορίες για την απεικόνιση του διερμηνέα νοηματικής γλώσσας σε σχέση με το αρχικό περιεχόμενο συγχρονισμένων μέσων παρέχεται στο κεφάλαιο 13 "Επεξεργασία" (Chapter 13, "Editing")

      Σημείωση: Αυτές οι τεχνικές ίσως πρέπει να προσαρμοστούν για παρουσιάσεις Ιστού.

Δοκιμές

Διαδικασία
  1. Αναθέστε σε κάποιον με ακοή και εξοικείωση με τη χρησιμοποιούμενη νοηματική γλώσσα να παρακολουθήσει το πρόγραμμα

  2. Ελέγξτε εάν υπάρχει διερμηνέας νοηματικής γλώσσας στην οθόνη.

  3. Ελέγξτε ότι οι διάλογοι και σημαντικοί ήχοι μεταφέρονται από τον ορατό διερμηνέα στην οθόνη.

Αναμενόμενα Αποτελέσματα
  • Τα #2 και #3 είναι αληθή


G55: Σύνδεση με ορισμούς

Εφαρμογή

Όλες οι τεχνολογίες που περιλαμβάνουν συνδέσμους.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Οι σύνδεσμοι αποτελούν μια δραστική επιλογή για την παροχή πρόσβασης στον ορισμό της λέξης, φράσης ή σύντμησης. Ένας χρήστης μπορεί να χρησιμοποιήσει τον ορισμό γρήγορα και εύκολα, και στη συνέχεια να επιστρέψει στη θέση του στο περιεχόμενο μέσω του κουμπιού "Πίσω" του πράκτορα χρήστη.

Παραδείγματα

Παράδειγμα 1

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

Παράδειγμα 2

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

Παράδειγμα 3

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

Παράδειγμα 4

Η λέξη τεχνική γλώσσα (jargon) συνδέεται στον ορισμό της στο γλωσσάρι του WCAG2.

Παράδειγμα 5

Η λέξη "modulo" είναι τεχνική γλώσσα που χρησιμοποιείται σε περιεχόμενο Ιστού για μαθηματικούς. Περιλαμβάνεται ορισμός της λέξης "modulo" στην Ιστοσελίδα. Κάθε εμφάνιση της λέξης "modulo" συνδέεται με τον ορισμό της.

Παράδειγμα 6

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

Παράδειγμα κώδικα:


<p>....<a href="#definition">さじを投げる</a>....</p>

<h3>脚注:</h3>
<dl>
<dt id="definition" name="definition">さじを投げる</dt>
<dd>どうすることもできなくなり、あきらめること。</dd>
</dl> 

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε λέξη, φράση ή σύντμηση προς απόδοση ορισμού:

  1. Ελέγξτε ότι τουλάχιστον η πρώτη εμφάνιση του στοιχείου είναι σύνδεσμος.

  2. Ελέγξτε ότι κάθε σύνδεσμος μεταβαίνει στον ορισμό του στοιχείου.

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #1 και #2 είναι αληθείς.


G56: Ανάμειξη αρχείων ήχου, έτσι ώστε οι οι ήχοι εκτός της ομιλίας να είναι τουλάχιστον 20 ντεσιμπέλ πιο χαμηλοί από το ηχητικό περιεχόμενο της ομιλίας

Εφαρμογή

Κάθε τεχνολογία

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να επιτρέψει στους συγγραφείς να συμπεριλάβουν ήχο πίσω από ομιλία χωρίς να δυσκολεύουν υπερβολικά τα άτομα με προβλήματα ακοής για την κατανόηση της ομιλίας. Η επιβεβαίωση ότι η ομιλία στο προσκήνιο είναι 20 db πιο δυνατή από τον ήχο παρασκηνίου, κάνει την ομιλία 4 φορές πιο δυνατή από τον ήχο παρασκηνίου Για πληροφορίες σχετικά με τα ντεσιμπέλ (dB), ανατρέξτε στην ενότητα "Σχετικά με τα decibel" (About Decibels).

Παραδείγματα

Παράδειγμα 1: Ένας εκφωνητής που μιλά πάνω από σκηνή συγκρούσεων
  • Ο αφηγητής περιγράφει μια σκηνή συγκρούσεων. Η ένταση του ήχου της σκηνής των συγκρούσεων προσαρμόζεται ώστε να είναι 20 db χαμηλότερα από την ένταση του ήχου του εκφωνητή πριν γίνει η μίξη της σκηνής με τον αφηγητή.

Παράδειγμα 2: Επαρκής ηχητική αντίθεση μεταξύ αφηγητή και μουσικής παρασκηνίου

Αυτό το παράδειγμα επιδεικνύει μια φωνή με μουσική στο παρασκήνιο, όπου η φωνή είναι κατά 20 DB πιο δυνατή από το παρασκήνιο. Η φωνή (προσκήνιο) καταγράφεται στα -17,52 ντεσιμπέλ (μέσο RMS) και η μουσική (παρασκήνιο) στα -37,52 ντεσιμπέλ, με αποτέλεσμα το προσκήνιο να είναι κατά 20 ντεσιμπέλ πιο δυνατό από το παρασκήνιο.

Ηχητικό παράδειγμα

Ηχητικό παράδειγμα (Audio Example): Το προσκήνιο είναι κατά 20 ντεσιμπέλ ισχυρότερο του παρασκηνίου (mp3) (Foreground is 20 decibels above the background (mp3))

Μεταγραφή του ηχητικού παραδείγματος (ικανοποιητική αντίθεση):

"Συνήθως το προσκήνιο αναφέρεται σε μια φωνή που μιλά και θα πρέπει να είναι κατανοητή. Η φωνή ομιλίας μου τώρα είναι κατά 20 ντεσιμπέλ ισχυρότερη του παρασκηνίου, που είναι μουσική. Αυτό είναι ένα παράδειγμα του τρόπου με τον οποίο θα πρέπει να γίνει."

Οπτικό παράδειγμα της παραπάνω εγγραφής

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

Οπτική αναπαράσταση επαρκούς αντίθεσης.
Παράδειγμα αποτυχίας 3: Ανεπαρκής ηχητική αντίθεση μεταξύ αφηγητή και μουσικής παρασκηνίου
Ηχητικό παράδειγμα της αποτυχίας

Αυτό το παράδειγμα επιδεικνύει μια φωνή με μουσική στο παρασκήνιο, όπου η φωνή είναι κατά 20 DB πιο δυνατή από το παρασκήνιο. Η φωνή (προσκήνιο) καταγράφεται στα -18 ντεσιμπέλ και η μουσική (παρασκήνιο) στα -16 ντεσιμπέλ περίπου, με αποτέλεσμα το προσκήνιο να είναι κατά 2 ντεσιμπέλ πιο δυνατό από το παρασκήνιο.

Ηχητικό παράδειγμα (Audio Example): Το προσκήνιο είναι λιγότερο από 20 ντεσιμπέλ ισχυρότερο του παρασκηνίου (mp3) (Foreground is less than 20 decibels above the background (mp3))

Μεταγραφή του ηχητικού παραδείγματος (μη ικανοποιητική αντίθεση):

"Αυτό είναι ένα παράδειγμα μιας φωνής που δεν είναι αρκετά δυνατή σε σχέση με το παρασκήνιο. Η φωνή η οποία είναι το προσκήνιο, είναι μόλις 2 ντεσιμπέλ περίπου ισχυρότερη του παρασκηνίου. Επομένως, είναι δύσκολη η κατανόηση για ένα άτομο με βαρηκοΐα. Είναι δύσκολο να διακριθεί μία λέξη από την επόμενη. Αυτό είναι ένα παράδειγμα για το τι πρέπει να αποφύγετε."

Οπτικό παράδειγμα της αποτυχίας

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

Οπτική αναπαράσταση ανεπαρκούς αντίθεσης.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Εντοπίστε υψηλές τιμές περιεχομένου παρασκηνίου μεταξύ της ομιλίας προσκηνίου

  2. Μέτρηση της έντασης ήχου σε dB(A) SPL

  3. Μέτρηση της έντασης ήχου της ομιλίας προσκηνίου σε dB(A) SPL

  4. Αφαίρεση των τιμών

  5. Ελέγξτε ότι το αποτέλεσμα είναι 20 ή μεγαλύτερο.

Αναμενόμενα Αποτελέσματα
  • Το #5 είναι αληθές


G57: Ταξινόμηση του περιεχομένου σε ακολουθία με νόημα

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

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

Παραδείγματα

Παράδειγμα 1

Μια ιστοσελίδα από έκθεση μουσείου έχει μια γραμμή πλοήγησης που περιέχει μια μεγάλη λίστα συνδέσεων. Η σελίδα περιέχει επίσης την εικόνα ενός πίνακα της έκθεσης, επικεφαλίδα του πίνακα και λεπτομερή περιγραφή του πίνακα. Οι σύνδεσμοι στη γραμμή πλοήγησης σχηματίζουν μια ακολουθία με νόημα. Η επικεφαλίδα, η εικόνα και το κείμενο της περιγραφής σχηματίζουν επίσης μια ακολουθία με νόημα. Το CSS χρησιμοποιείται για την τοποθέτηση των στοιχείων στη σελίδα.

Παράδειγμα κώδικα:


Επισημείωση:

<h1>My Museum Page</h1>
<ul id="nav">
	<li><a href="#">Link 1</a></li>
	...
	<li><a href="#">Link 10</a></li>
</ul>
<div id="description">
<h2>Mona Lisa</h2>
<p>
<img src="img.png" alt="Mona Lisa">
</p>
<p>...detailed description of the picture...</p>
</div>

CSS:

ul#nav
{
	float: left;
	width: 9em; 
	list-style-type: none;
	margin: 0;
	padding: 0.5em;
	color: #fff;
	background-color: #063;
}

ul#nav a
{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #fff;
	background-color: #063;
}

div#description
{
	margin-left: 11em;
}

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Γραμμικοποίηση περιεχομένου χρησιμοποιώντας μια τυπική προσέγγιση για την τεχνολογία (π.χ. κατάργηση στυλ διάταξης ή λειτουργία εργαλείου γραμμικοποίησης)

  2. Ελέγξτε να δείτε εάν η σειρά του περιεχομένου αποδίδει το ίδιο νόημα με την αρχική

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G58: Τοποθέτηση συνδέσμου προς την εναλλακτική έκδοση συγχρονισμένου μέσου αμέσως μετά το μη κειμενικό περιεχόμενο

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Με αυτή την τεχνική, παρέχεται σύνδεσμος προς το ταξινομημένο έγγραφο των επεξηγήσεων και της ηχητικής περιγραφής. Το ταξινομημένο έγγραφο θα βρίσκεται σε άλλη θέση στην ίδια Ιστοσελίδα ή σε άλλο URI. Ακριβώς δίπλα στο μη κειμενικό περιεχόμενο, υπάρχει σύνδεσμος προς το ταξινομημένο έγγραφο. Ο σύνδεσμος μπορεί να βρίσκεται ακριβώς πριν ή μετά το περιεχόμενο συγχρονισμένων μέσων. Εάν το ταξινομημένο έγγραφο βρίσκεται στην ίδια Ιστοσελίδα με το υπόλοιπο περιεχόμενο, τοποθετήστε την ένδειξη "Τέλος εγγράφου" στο τέλος, ώστε οι χρήστες να καταλάβουν το σημείο που πρέπει να διακοπεί η ανάγνωση και να επιστρέψουν στο προηγούμενο σημείο. Εάν το κουμπί "Πίσω" δεν επιστρέψει το άτομο πίσω στο σημείο από το οποίο προήλθε, τότε παρέχεται σύνδεσμος επιστροφής στο μη κειμενικό περιεχόμενο.

Παραδείγματα

Παράδειγμα 1: Ένα έγγραφο .MOV σε ένα έγγραφο HTML

Κώδικας σε σελίδα με όνομα "Olympic_Sports.htm"

Παράδειγμα κώδικα:


<a name="Olympic_Wrestling"></a>
<p><a href="http://www.example.com/movies/olympic_wrestling.mov">Olympic Wrestling movie</a>,  
<a href="http://www.example.com/transcripts/olympic_wrestling_transcript.htm>Olympic  
Wrestling collated Transcript</a></p>
Παράδειγμα 2: Ο σύνδεσμος επιστροφής στο έγγραφο .MOV σε έγγραφο HTML

Κώδικας στη σελίδα olympic_wrestling_transcript.htm

Παράδειγμα κώδικα:


<p>Sports announcer 1: This is a great battle tonight between England's "Will Johnson" and  
"Theodore Derringo" from Argentina</p>

<p>Scenery: There is a mat set out in the middle of the stadium with 500 people in the  
stands...</p>

<p> ...more dialogue ...<p>

<p> ...more scenery...</p>

<p> ...etc...</p>

<p>Sports announcer 2: And that is all for tonight, thank you for joining us tonight where  
Will Johnson is the new Gold Medalist. 
<a href="../movies/Olympic_Sports.htm#Olympic_Wrestling>Return to Movie page</a> </p>

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

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

  2. Ελέγξτε ότι πρόκειται για έγκυρο σύνδεσμο που παραπέμπει απευθείας στο ταξινομημένο έγγραφο των συγκεκριμένων συγχρονισμένων μέσων.

  3. Ελέγξτε για τη διαθεσιμότητα συνδέσμου ή λειτουργίας επιστροφής για τον χρήστη προς την αρχική θέση του περιεχομένου συγχρονισμένων μέσων

Αναμενόμενα Αποτελέσματα
  • Τα στοιχεία από #1 έως 3 είναι όλα αληθή.


G59: Τοποθέτηση των αλληλεπιδραστικών στοιχείων σε σειρά που συμφωνεί με ακολουθίες και σχέσεις εντός του περιεχομένου

Εφαρμογή

Όλες οι τεχνολογίες που περιέχουν αλληλεπιδραστικά στοιχεία και καθορίζουν μια προεπιλεγμένη σειρά στηλοθέτησης για αλληλεπιδραστικά στοιχεία.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Για παράδειγμα, σε HTML, η προεπιλεγμένη σειρά επισήμανσης ακολουθεί τη σειρά με την οποία εμφανίζονται τα στοιχεία στον κώδικα του περιεχομένου. Όταν η σειρά του κώδικα HTML ταιριάζει με την οπτική σειρά στην Ιστοσελίδα, η μετακίνηση με το πλήκτρο tab στο περιεχόμενο ακολουθεί την οπτική διάταξη του περιεχομένου. Όταν η σειρά του πηγαίου κώδικα δεν ταιριάζει με την οπτική, η σειρά στηλοθέτησης του περιεχομένου πρέπει να αντανακλά τις λογικές σχέσεις στο περιεχόμενο που εμφανίζεται οπτικά.

Παραδείγματα

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

  • Μια φόρμα περιέχει δύο, παρακείμενες ενότητες πληροφοριών. Η μία ενότητα περιέχει πληροφορίες σχετικά με έναν αιτούντα. Η άλλη ενότητα περιέχει πληροφορίες για τον/τη σύζυγο του αιτούντα. Όλα τα αλληλεπιδραστικά στοιχεία στην ενότητα του αιτούντα επισημαίνονται πριν από οποιοδήποτε στοιχείο στην ενότητα συζύγου. Τα στοιχεία σε κάθε ενότητα επισημαίνονται στη σειρά ανάγνωσης αυτής της ενότητας.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Καθορίστε τη σειρά των αλληλεπιδραστικών στοιχείων στο περιεχόμενο.

  2. Καθορίστε τη λογική σειρά των αλληλεπιδραστικών στοιχείων.

  3. Ελέγξτε ότι η σειρά των αλληλεπιδραστικών στοιχείων στο περιεχόμενο είναι ίδια με τη λογική σειρά.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #3 είναι αληθές.


G60: Αναπαραγωγή ήχου που απενεργοποιείται αυτόματα εντός τριών δευτερολέπτων

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες εκτός από την αλληλεπίδραση φωνής.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Η τεχνική είναι απλή. Ο ήχος αναπαράγεται για 3 δευτερόλεπτα ή λιγότερο και διακόπτεται αυτόματα.

Παραδείγματα

  • Παράδειγμα 1: Μια Ιστοσελίδα ανοίγει με ένα σάλπισμα τρομπέτας και στη συνέχεια σιωπά

  • Παράδειγμα 2: Μια αρχική σελίδα ανοίγει με τον πρόεδρο να λέει "Binfor, εκεί όπου η ποιότητα είναι η δουλειά μας." και στη συνέχεια σιωπά.

  • Παράδειγμα 3: Μια Ιστοσελίδα ανοίγει με οδηγίες για τον τρόπο εκκίνησης: "Για να αρχίσετε, πατήστε το πλήκτρο enter."

  • Παράδειγμα 4: Μια Ιστοσελίδα ανοίγει με μια προειδοποίηση και στη συνέχεια σιωπά

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

(καμία)

Δοκιμές

Διαδικασία
  1. Φορτώστε την Ιστοσελίδα

  2. Ελέγξτε ότι όλοι οι ήχοι που αναπαράγονται αυτόματα διακόπτονται εντός 3 δευτερολέπτων ή λιγότερο

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές


G61: Παρουσίαση επαναλαμβανόμενων συστατικών στοιχείων με την ίδια σχετική σειρά κάθε φορά που εμφανίζονται

Εφαρμογή

Κάθε τεχνολογία.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Παραδείγματα

  • Ένας ιστότοπος έχει λογότυπο, τίτλο, φόρμα αναζήτησης και γραμμή πλοήγησης στην κορυφή της σελίδας. Τα στοιχεία αυτά εμφανίζονται με την ίδια σχετική σειρά σε κάθε σελίδα στην οποία επαναλαμβάνονται. Σε μία σελίδα λείπει η φόρμα αναζήτησης αλλά τα άλλα στοιχεία βρίσκονται στην ίδια σειρά.

  • Ένας ιστότοπος έχει μενού πλοήγησης στα αριστερά με συνδέσμους προς τις κύριες ενότητες του τόπου. Όταν ο χρήστης ακολουθήσει έναν σύνδεσμο σε μια άλλη ενότητα του τόπου, οι σύνδεσμοι προς τις κύριες ενότητες εμφανίζονται με την ίδια σχετική σειρά στην επόμενη σελίδα. Μερικές φορές, σύνδεσμοι αφαιρούνται και άλλοι προστίθενται, αλλά οι άλλοι σύνδεσμοι έχουν πάντα την ίδια σχετική σειρά. Για παράδειγμα, σε μια ιστοσελίδα εταιρείας που πουλά προϊόντα και παρέχει εκπαίδευση, όταν ο χρήστης μετακινηθεί από την ενότητα των προϊόντων στην ενότητα της εκπαίδευσης, οι σύνδεσμοι για κάθε προϊόν αφαιρούνται από τη λίστα πλοήγησης και προστίθενται οι σύνδεσμοι για τις προσφορές εκπαίδευσης.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

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

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

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

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές.

  • Το #3 είναι αληθές.


G62: Παροχή γλωσσάριου

Εφαρμογή

Κάθε τεχνολογία που περιέχει κείμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Το γλωσσάρι περιλαμβάνεται στο τέλος της Ιστοσελίδας ή εντοπίζεται μέσω ενός από τους μηχανισμούς εντοπισμού περιεχομένου εντός συνόλου Ιστοσελίδων. (Δείτε την Κατανόηση Κριτηρίου Επιτυχίας 2.4.5 (Understanding Success Criterion 2.4.5.)

Εάν το γλωσσάρι περιέχει αρκετούς ορισμούς της ίδιας λέξης, φράσης ή σύντμησης, η απλή παροχή του γλωσσάριου δεν αρκεί για την ικανοποίηση του Κριτηρίου Επιτυχίας. Πρέπει να χρησιμοποιηθεί διαφορετική τεχνική για την εύρεση του σωστού ορισμού. Αυτό είναι ιδιαίτερα σημαντικό εάν οι χρήσεις της λέξης, φράσεις ή σύντμησης δεν είναι μοναδικές εντός της Ιστοσελίδας, δηλαδή, εάν οι διαφορετικές εμφανίσεις του στοιχείου έχουν διαφορετικούς ορισμούς.

Παραδείγματα

Παράδειγμα 1

Οι χρήστες των ηλεκτρονικών forum συζητήσεων έχουν δημιουργήσει αρκετά ακρωνύμια και συντμήσεις για την επιτάχυνση της δακτυλογράφησης συζητήσεων στον υπολογιστή. Για παράδειγμα, το LOL σημαίνει "laughing out loud" (δυνατό γέλιο) και το FWIW είναι η σύντμηση της έκφρασης "for what it's worth" (για ό,τι αξίζει). Ο τόπος παρέχει μια σελίδα από γλωσσάρι που περιέχει μια λίστα με τα αναπτύγματα των πιο κοινών ακρωνυμίων και συντμήσεων.

Παράδειγμα 2

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

Παράδειγμα 3

Ένα εγχειρίδιο περιέχει ένα γλωσσάρι με τις νέες λέξεις που εμφανίζονται σε κάθε κεφάλαιο.

Παράδειγμα 4

Το ολλανδικό κείμενο χρησιμοποιεί τη φράση 'Hij ging met de kippen op stok' (Πήγε να κοιμηθεί με τις κότες). Το γλωσσάρι εξηγεί ότι αυτή η φράση σημαίνει 'Hij ging vroeg naar bed' (Έπεσε για ύπνο νωρίς).

Παράδειγμα 5: Ένα γλωσσάρι ιδιωματικών εκφράσεων

Το αμερικάνικο μυθιστόρημα "Οι περιπέτειες του Χακ Φιν" περιλαμβάνει πολλές ιδιωματικές εκφράσεις που χρησιμοποιούνταν στις νοτιοδυτικές Ηνωμένες Πολιτείες τη δεκαετία του 1840. Σε μια ηλεκτρονική έκδοση για σπουδαστές, κάθε ιδιωματική έκφραση συνδέεται με ένα στοιχείο στο γλωσσάρι.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι

    • Είτε το γλωσσάρι περιλαμβάνεται στη μονάδα Ιστού, είτε

    • Υπάρχει διαθέσιμος μηχανισμός για τον εντοπισμό του γλωσσάριου.

  2. Ελέγξτε ότι κάθε λέξη, φράση ή σύντμηση που θα οριστεί, ορίζεται στο γλωσσάρι

  3. Ελέγξτε ότι το γλωσσάρι περιέχει μόνο έναν ορισμό για κάθε στοιχείο.

Αναμενόμενα Αποτελέσματα
  • Και οι τρεις παραπάνω έλεγχοι είναι αληθείς.

Σημείωση: Ο ορισμός συντμήσεων που χρησιμοποιούνται στο WCAG είναι: "σύντομη μορφή μιας λέξης, φράσης ή ονομασίας όπου το αρχικό ανάπτυγμα δεν απορρίφθηκε από τον οργανισμό στον οποίο αναφέρεται και όπου η σύντμηση δεν αποτελεί μέρος της γλώσσας."


G63: Παροχή χάρτη ιστότοπου

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Αυτό είναι μέρος μιας σειράς τεχνικών για τον εντοπισμό περιεχομένου που είναι επαρκές για την αντιμετώπιση του Κριτηρίου Επιτυχίας 2.4.5. Ένας χάρτης ιστότοπου είναι μια Ιστοσελίδα που παρέχει συνδέσμους προς διαφορετικές ενότητες του ιστότοπου. Για να καταστήσετε διαθέσιμο τον χάρτη εντός του τόπου, τουλάχιστον κάθε σελίδα που περιέχεται στο χάρτη περιέχει σύνδεσμο προς τον χάρτη.

Ο χάρτης ιστότοπου εξυπηρετεί πολλούς σκοπούς.

  • Παρέχει επισκόπηση ολόκληρου ιστότοπου.

  • Βοηθά τους χρήστες να καταλάβουν τι περιέχει ο ιστότοπος και πώς είναι οργανωμένο το περιεχόμενο.

  • Προσφέρει μια εναλλακτική των περίπλοκων γραμμών πλοήγησης που μπορεί να διαφέρουν σε διαφορετικά μέρη του ιστότοπου.

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

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

Παραδείγματα

Παράδειγμα 1

Η WAI (Πρωτοβουλία για την προσβασιμότητα στον Ιστό) παρέχει έναν χάρτη του ιστότoπού της (WAI site map), όπου εμφανίζεται μια λίστα με τις διαφορετικές ενότητες του ιστότοπου. Ο χάρτης εμφανίζει διαφορετικές ενότητες του ιστότοπου και μερικές από τις υποδομές εντός των ενοτήτων αυτών.

Παράδειγμα 2

Ο χάρτης ιστότοπου για ένα ηλεκτρονικό περιοδικό εμφανίζει μια λίστα με όλες τις ενότητες του περιοδικού και τις υποενότητες σε κάθε ενότητα. Περιλαμβάνει επίσης τους εξής συνδέσμους: "Βοήθεια", "Επικοινωνία μαζί μας", "Πολιτική απορρήτου", "Ευκαιρίες εργασίας", "Συνδρομή" και σύνδεσμο για την αρχική σελίδα του περιοδικού.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

  • Η σελίδα για τους γραφικούς οργανωτές (Graphic Organizers) στο Εθνικό Κέντρο Προσβάσιμου Προγράμματος (National Center for Accessible Curriculum) παρέχει μια χρήσιμη επισκόπηση των διαφορετικών ειδών γραφικών βοηθημάτων και των χρήσεών τους, συν μια περίληψη σχετικής έρευνας για την αποτελεσματικότητα των γραφικών βοηθημάτων για σπουδαστές με μαθησιακές δυσκολίες.

  • Γλωσσάρι χρηστικότητας: Χάρτης ιστότοπου (Usability Glossary: sitemap)

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι ο ιστότοπος περιέχει χάρτη ιστότοπου.

  2. Ελέγξτε ότι οι σύνδεσμοι στον χάρτη ιστότοπου οδηγούν στις αντίστοιχες ενότητες του ιστότοπου.

  3. Για κάθε σύνδεσμο στον χάρτη ιστότοπου, ελέγξτε ότι η σελίδα στόχου περιέχει σύνδεσμο προς τον χάρτη ιστότοπου.

  4. Για κάθε σελίδα στον ιστότοπο, ελέγξτε ότι η σελίδα μπορεί να προσπελαστεί επιλέγοντας μερικά σύνολα συνδέσμων που ξεκινούν από τον χάρτη του ιστότοπου.

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G64: Παροχή πίνακα περιεχομένων

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Αυτό είναι μέρος μιας σειράς τεχνικών για τον εντοπισμό περιεχομένου που είναι επαρκείς για την αντιμετώπιση του Κριτηρίου Επιτυχίας 2.4.5. Ένας πίνακας περιεχομένων παρέχει συνδέσμους προς ενότητες και υποενότητες του ίδιου εγγράφου. Οι πληροφορίες στο έγγραφο οργανώνονται συνήθως ιεραρχικά και προορίζονται για ανάγνωση στη σειρά. Όπως θα μπορούσαν να υπάρχουν πολλά βιβλία σε μια βιβλιοθήκη, καθένα με τον δικό του πίνακα περιεχομένων, έτσι ένας ιστότοπος μπορεί να περιέχει πολλά έγγραφα, το καθένα με τον δικό του πίνακα περιεχομένων.

Ο πίνακας περιεχομένων εξυπηρετεί δύο σκοπούς:

  • Δίνει στους χρήστες μια επισκόπηση των περιεχομένων και της οργάνωσης του εγγράφου.

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

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

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

Υπάρχει μια διάκριση μεταξύ ενός πίνακα περιεχομένων και άλλων στοιχείων πλοήγησης, όπως η γραμμή πλοήγησης ή ο χάρτης ιστότοπου. Ένας πίνακας περιεχομένων παρέχει συνδέσμους προς ενότητες του ίδιου εγγράφου. Αυτές οι ενότητες μπορούν να εντοπίζονται στην ίδια Ιστοσελίδα ή να μοιράζονται σε πολλαπλές Ιστοσελίδες. Μαζί όμως αποτελούν μια ολοκληρωμένη ιδέα. Για την καλύτερη κατανόηση, θεωρήστε ένα εκτυπωμένο βιβλίο το οποίο έχει ενότητες. Κάθε ενότητα ανήκει στο βιβλίο. Θα μπορούσαν να υπάρχουν πολλά βιβλία σε μια βιβλιοθήκη. Στο παράδειγμα αυτό, η "βιβλιοθήκη" είναι ολόκληρος ο ιστότοπος.

Παραδείγματα

Παράδειγμα 1

Οι Οδηγίες προσβασιμότητας στο περιεχόμενο Ιστού 2.0 (Web Content Accessibility Guidelines 2.0) περιέχουν έναν πίνακα περιεχομένων (table of contents) που αποτελεί μια ιεραρχική λίστα των συνδέσμων προς τις ενότητες και υποενότητες του εγγράφου. Η ιεραρχία του πίνακα περιεχομένων αντανακλά την οργάνωση των ενοτήτων και κάθε στοιχείο στον πίνακα περιεχομένων αποτελεί σύνδεσμο που μεταφέρει τον χρήστη απευθείας σε αυτή την ενότητα.

Παράδειγμα 2

Η πρώτη σελίδα του εγγράφου "Χρήση προσβάσιμων εγγράφων PDF με το Adobe Reader 7.0: Οδηγός για άτομα με αναπηρίες" (Using Accessible PDF Documents with Adobe Reader 7.0: A Guide for People with Disabilities) περιέχει έναν πίνακα περιεχομένων με όλες τις ενότητες του οδηγού. Η έκδοση PDF του οδηγού για άτομα με αναπηρίες (PDF version of the Guide for People with Disabilities) περιέχει έναν πιο λεπτομερή πίνακα περιεχομένων για όλο το έγγραφο στη σελίδα 3.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

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

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

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

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G65: Παροχή στοιχείου ιχνηλάτησης

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Μπορεί να είναι χρήσιμο για τους χρήστες να διαχωριστούν τα στοιχεία στην πορεία ιχνηλάτησης με ορατό διαχωριστικό. Παραδείγματα διαχωριστικών είναι τα ">", "|", "/" και "::".

Παραδείγματα

Παράδειγμα 1

Ένας προγραμματιστής εκτελεί αναζήτηση εντός του ιστότοπου ενός κατασκευαστή εργαλείων συγγραφής για να βρεί πώς δημιουργούνται υπερσύνδεσμοι. Τα αποτελέσματα αναζήτησης τον φέρνουν σε μια Ιστοσελίδα με συγκεκριμένες οδηγίες για τη δημιουργία υπερσυνδέσμων με χρήση εργαλείου συγγραφής. Περιέχει τους ακόλουθους συνδέσμους για τη δημιουργία στοιχείου ιχνηλάτησης:

Παράδειγμα κώδικα:


Home :: Developer Center :: How To Center  

Σε αυτό το παράδειγμα, το στοιχείο ιχνηλάτησης δεν περιέχει τον τίτλο της τρέχουσας Ιστοσελίδας, "Πώς δημιουργούνται υπερσύνδεσμοι". Αυτές οι πληροφορίες είναι διαθέσιμες ως τίτλος της Ιστοσελίδας.

Παράδειγμα 2

Ο ιστότοπος με τα έργα ενός φωτογράφου έχει οργανωθεί σε διαφορετικές συλλογές (galleries) και κάθε μία χωρίζεται περαιτέρω σε κατηγορίες. Ένας χρήστης που εκτελεί πλοήγηση στον ιστότοπο για μια Ιστοσελίδα που περιέχει μια φωτογραφία ενός πιγκουίνου Gentoo, θα δει το παρακάτω στοιχείο ιχνηλάτησης στην κορυφή της Ιστοσελίδας:

Παράδειγμα κώδικα:


Home / Galleries / Antarctica / Penguins / Gentoo Penguin  

Όλα τα στοιχεία εκτός του "Gentoo Penguin" εφαρμόζονται ως σύνδεσμοι. Η τρέχουσα θέση, Gentoo Penguin, περιλαμβάνεται στο στοιχείο ιχνηλάτησης αλλά δεν εφαρμόζεται ως σύνδεσμος.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Όταν εφαρμόζονται στοιχεία ιχνηλάτησης σε σύνολο Ιστοσελίδων:

  1. Μεταβείτε σε μια Ιστοσελίδα.

  2. Ελέγξτε ότι εμφανίζεται ένα στοιχείο ιχνηλάτησης.

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

  4. Για ένα στοιχείο ιχνηλάτησης που δεν περιλαμβάνει την τρέχουσα θέση:

    1. Ελέγξτε ότι όλα τα στοιχεία στο στοιχείο ιχνηλάτησης εφαρμόζονται ως σύνδεσμοι.

  5. Για ένα στοιχείο ιχνηλάτησης που περιλαμβάνει την τρέχουσα θέση:

    1. Ελέγξτε ότι όλα τα στοιχεία εκτός από την τρέχουσα θέση, εφαρμόζονται ως σύνδεσμοι.

    2. Ελέγξτε ότι η τρέχουσα θέση δεν εφαρμόζεται ως σύνδεσμος.

  6. Ελέγξτε ότι όλοι οι σύνδεσμοι εκτελούν πλοήγηση στη σωστή Ιστοσελίδα όπως καθορίζεται στο στοιχείο ιχνηλάτησης.

Αναμενόμενα Αποτελέσματα
  • Για όλες τις Ιστοσελίδες στο σύνολο με χρήση στοιχείων ιχνηλάτησης,

    • Οι έλεγχοι #2, #3 και #6 είναι αληθείς.

    • Είτε ο έλεγχος #4, είτε ο #5 είναι αληθής.


G68: Παροχή σύντομης περιγραφικής ετικέτας που αναφέρει το σκοπό ύπαρξης του πολυμεσικού περιεχομένου

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Αυτή η τεχνική παρέχει μια περιγραφική ετικέτα για περιεχόμενο μόνο ζωντανού ήχου και μόνο ζωντανού βίντεο. Αυτή η ετικέτα μπορεί να χρησιμοποιηθεί σε συνδυασμό με μια εναλλακτική λύση για μέσα βάσει χρόνου για ήχο ή μια εναλλακτική λύση για μέσα βάσει χρόνου ή με ηχητική περιγραφή του βίντεο. Ωστόσο, αυτές οι εναλλακτικές δεν αποτελούν μέρος της τεχνικής αυτής. Σκοπός αυτής της τεχνικής είναι να διασφαλίσει ότι ο χρήστης μπορεί να καθορίσει ποιο είναι το μη κειμενικό περιεχόμενο - ακόμα και αν δεν μπορεί να έχει πρόσβαση σε αυτό. ΣΗΜΕΙΩΣΗ: Ακόμα και αν πλήρεις εναλλακτικές είναι επίσης διαθέσιμες, είναι σημαντικό οι χρήστες να μπορούν να προσδιορίσουν το μη κειμενικό περιεχόμενο όταν τους εμφανίζεται, για να μην τους προκαλέσει σύγχυση και να μπορούν να το συσχετίσουν με την πλήρη εναλλακτική όταν τη συναντήσουν.

Παραδείγματα

Παράδειγμα 1
  • Μια τροφοδοσία ζωντανού βίντεο από τον αυτοκινητόδρομο της ανατολικής ακτής έχει την ακόλουθη περιγραφική ετικέτα "Ζωντανή εικόνα βίντεο από τον αυτοκινητόδρομο της ανατολικής ακτής, νότια του κόμβου I-81, με προβολή των κυκλοφοριακών συνθηκών."

  • Μια τροφοδοσία ζωντανού ήχου από τη Βουλή των Αντιπροσώπων της πολιτείας του Μισισιπί έχει την ακόλουθη περιγραφική ετικέτα "Ζωντανός ήχος από τα μικρόφωνα της Βουλής των Αντιπροσώπων της πολιτείας του Μισισιπί".

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. αφαιρέστε, αποκρύψτε ή καλύψτε το μη κειμενικό περιεχόμενο

  2. εμφανίστε την/τις εναλλακτικές κειμένου

  3. Ελέγξτε ότι ο σκοπός του μη κειμενικού περιεχομένου είναι σαφής - ακόμα και αν χαθεί το περιεχόμενο.

Αναμενόμενα Αποτελέσματα
  • Το #3 είναι αληθές.


G69: Παροχή εναλλακτικής έκδοσης για συγχρονισμένα μέσα

Εφαρμογή

Γενική τεχνική. Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Σε μια παρουσίαση συγχρονισμένων μέσων, οι πληροφορίες παρουσιάζονται με μια ποικιλία τρόπων, που περιλαμβάνει

  • διάλογο,

  • ήχους (φυσικούς και τεχνητούς),

  • το περιβάλλον και το παρασκήνιο,

  • τις ενέργειες και τις εκφράσεις ανθρώπων, ζώων κ.λπ.

  • κείμενο ή γραφικά,

  • και άλλα.

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

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

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

Παραδείγματα

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

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Προβάλετε την παρουσίαση συγχρονισμένων μέσων ενώ παράλληλα αναφερθείτε στην εναλλακτική λύση για μέσα βάσει χρόνου

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

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

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

  5. Ελέγξτε ότι η εναλλακτική λύση μέσων βάσει χρόνου φέρει περιγραφές ενεργειών και εκφράσεων όλων των "δρώντων" (άτομα, ζώα κ.λπ).

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

Αναμενόμενα Αποτελέσματα
  • Τα #2, 3, 4, 5 είναι αληθή.


G70: Παροχή λειτουργίας για αναζήτηση σε ηλεκτρονικό λεξικό

Εφαρμογή

Όλες οι τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1

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

Παράδειγμα 2

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε λέξη, φράση ή σύντμηση προς απόδοση ορισμού:

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

  2. Ελέγξτε ότι το αποτέλεσμα της αναζήτησης του λεξικού για τη λέξη, φράση ή σύντμηση βρίσκει τον σωστό ορισμό.

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #1 και #2 είναι αληθείς.

Σημείωση: Ο ορισμός συντμήσεων που χρησιμοποιούνται στο WCAG είναι: "σύντομη μορφή μιας λέξης, φράσης ή ονομασίας όπου το αρχικό ανάπτυγμα δεν απορρίφθηκε από τον οργανισμό στον οποίο αναφέρεται και όπου η σύντμηση δεν αποτελεί μέρος της γλώσσας."


G71: Παροχή συνδέσμου βοήθειας σε κάθε Ιστοσελίδα

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Σημειώσεις υποστήριξης πράκτορα χρήστη και υποστηρικτικής τεχνολογίας

Περιγραφή

Σκοπός αυτής της τεχνικής είναι η παροχή βοήθειας περιβάλλοντος για χρήστες, καθώς καταχωρούν δεδομένα σε φόρμες με την παροχή τουλάχιστον ενός συνδέσμου προς τις πληροφορίες βοήθειας σε κάθε Ιστοσελίδα. Ο σύνδεσμος στοχοθετεί μια σελίδα βοήθειας με πληροφορίες ειδικά για αυτή την Ιστοσελίδα. Μια άλλη προσέγγιση είναι η παροχή συνδέσμου βοήθειας για κάθε αλληλεπιδραστικό στοιχείο ελέγχου. Η τοποθέτηση αυτού του συνδέσμου ακριβώς πριν ή μετά το στοιχείο ελέγχου επιτρέπει στους χρήστες την εύκολη μετάβασή τους σε αυτό με το πλήκτρο tab εάν αντιμετωπίζουν προβλήματα στο στοιχείο ελέγχου. Η εμφάνιση των πληροφοριών βοήθειας σε νέο παράθυρο εφαρμογής περιήγησης διασφαλίζει ότι κάθε δεδομένο που έχει ήδη καταχωρηθεί στη φόρμα δεν θα χαθεί. ΣΗΜΕΙΩΣΗ: Ο σύνδεσμος δεν είναι το μόνο μέσο για την παροχή βοήθειας.

Παραδείγματα

Παράδειγμα 1

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

Παράδειγμα κώδικα:


<form action="test.html">
	<label for="test">Test control
	<a href="help.html" target="_blank">Help</a></label>
	<input type="text" name="test" id="test" />
</form> 

Δοκιμές

Διαδικασία
  1. Προσδιορίστε μια Ιστοσελίδα που περιέχει φόρμες.

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

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

Αναμενόμενα Αποτελέσματα
  • Είτε το #2, είτε το #3 είναι αληθές.


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

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Με αυτή την τεχνική, η εκτεταμένη περιγραφή παρέχεται σε άλλη θέση από το μη κειμενικό περιεχόμενο. Αυτή θα μπορούσε να είναι μια άλλη θέση εντός του ίδιου URI ή άλλου URI. Παρέχεται σύνδεσμος προς αυτή την εκτεταμένη περιγραφή που βρίσκεται ακριβώς δίπλα στο μη κειμενικό περιεχόμενο. Ο σύνδεσμος μπορεί να βρίσκεται ακριβώς πριν ή μετά το μη κειμενικό περιεχόμενο. Εάν η περιγραφή βρίσκεται μαζί με άλλο κείμενο, τοποθετήστε την ένδειξη "Τέλος περιγραφής" στο τέλος, ώστε οι χρήστες να καταλάβουν το σημείο που πρέπει να διακοπεί η ανάγνωση και να επιστρέψουν στο κύριο περιεχόμενο. Εάν το κουμπί "Πίσω" δεν επιστρέψει το άτομο πίσω στο σημείο από το οποίο προήλθε, τότε παρέχεται σύνδεσμος επιστροφής στο μη κειμενικό περιεχόμενο.

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

Παραδείγματα

Παράδειγμα 1: Γράφημα ράβδων

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

Το σύντομο εναλλακτικό κειμένου λέει "Γράφημα πωλήσεων Οκτωβρίου για τους τρεις καλύτερους πωλητές."

Αμέσως μετά το μη κειμενικό περιεχόμενο υπάρχει μια μικρή εικόνα υποδηλώνοντας μια εκτεταμένη περιγραφή. Το εναλλακτικό κειμένου για την εικόνα είναι "Εκτεταμένη περιγραφή γραφήματος". Η εικόνα παραπέμπει στο κάτω μέρος της σελίδας όπου υπάρχει μια ενότητα με τίτλο "Περιγραφή γραφημάτων στη σελίδα". Ο σύνδεσμος αναφέρεται σε αυτή τη συγκεκριμένη περιγραφή: "Οι πωλήσεις Οκτωβρίου δείχνουν προβάδισμα της Μαίρης με 400 μονάδες. Ακολουθεί από κοντά ο Μάικ με 389. Ο Κρις συμπληρώνει την κορυφαία τριάδα με 350. [τέλος περιγραφής]"

Παράδειγμα 2: Γράφημα ράβδων - σε μη HTML τεχνολογία όπου για λόγους ασφαλείας δεν υποστηρίζεται ο πράκτορας χρήστη "πίσω".

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

Το σύντομο εναλλακτικό κειμένου λέει "Γράφημα πωλήσεων Οκτωβρίου για τους τρεις καλύτερους πωλητές."

Αμέσως μετά το μη κειμενικό περιεχόμενο υπάρχει μια μικρή εικόνα υποδηλώνοντας μια εκτεταμένη περιγραφή. Το εναλλακτικό κειμένου για την εικόνα είναι "Εκτεταμένη περιγραφή γραφήματος". Η εικόνα συνδέεται με άλλη σελίδα με τίτλο "Περιγραφή γραφημάτων σε αναφορά πωλήσεων Οκτωβρίου". Ο σύνδεσμος περιγραφής αναφέρεται σε αυτή τη συγκεκριμένη περιγραφή: "Οι πωλήσεις Οκτωβρίου δείχνουν προβάδισμα της Μαίρης με 400 μονάδες. Ακολουθεί από κοντά ο Μάικ με 389. Ο Κρις συμπληρώνει την κορυφαία τριάδα με 350. Τέλος περιγραφής <link> Πίσω στο γράφημα πωλήσεων </link> ]"

Παράδειγμα 3: Επεξήγηση που χρησιμοποιείται ως σύνδεσμος

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

Παράδειγμα 4: Μεταγραφή αρχείου μόνο ήχου

Υπάρχει η μαγνητοφώνηση μιας ομιλίας του Martin Luther King. Δίπλα-δίπλα εμφανίζονται σύνδεσμοι προς το αρχείο ήχου και τη μεταγραφή.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

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

  2. ελέγξτε ότι ο σύνδεσμος είναι έγκυρος και παραπέμπει απευθείας στην εκτεταμένη περιγραφή του συγκεκριμένου μη κειμενικού περιεχομένου.

  3. ελέγξτε ότι η εκτεταμένη περιγραφή μεταφέρει τις ίδιες πληροφορίες όπως και το μη κειμενικό περιεχόμενο

  4. ελέγξτε για τη διαθεσιμότητα συνδέσμου ή λειτουργίας επιστροφής για τον χρήστη προς την αρχική θέση του μη κειμενικού περιεχομένου

Αναμενόμενα Αποτελέσματα

Και τα 4 παραπάνω στοιχεία είναι αληθή


G74: Παροχή εκτεταμένης περιγραφής σε κείμενο κοντά στο μη κειμενικό περιεχόμενο, με αναφορά στη θέση της εκτεταμένης περιγραφής στη σύντομη περιγραφή

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

Παραδείγματα

Παράδειγμα 1: Γράφημα ράβδων

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

Το σύντομο εναλλακτικό κειμένου λέει: "Γράφημα πωλήσεων Οκτωβρίου για τρεις κορυφαίους πωλητές Λεπτομέρειες σε κείμενο αμέσως μετά το γράφημα:"

Το ακόλουθο βρίσκεται στην παράγραφο ακριβώς κάτω από το γράφημα. "Οι πωλήσεις Οκτωβρίου δείχνουν προβάδισμα της Μαίρης με 400 μονάδες. Ακολουθεί από κοντά ο Μάικ με 389. Ο Κρις συμπληρώνει την κορυφαία τριάδα με 350"

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. ελέγξτε ότι το σύντομο εναλλακτικό κειμένου περιλαμβάνει τη θέση της εκτεταμένης περιγραφής

  2. ελέγξτε ότι η εκτεταμένη περιγραφή βρίσκεται κοντά στο μη κειμενικό περιεχόμενο τότο οπτικά, όσο και αναφορικά με τη γραμμική σειρά ανάγνωσης

  3. ελέγξτε ότι η εκτεταμένη περιγραφή μεταφέρει τις ίδιες πληροφορίες όπως και το μη κειμενικό περιεχόμενο

Αναμενόμενα Αποτελέσματα

Και τα 3 παραπάνω στοιχεία είναι αληθή


G75: Παροχή μηχανισμού αναβολής κάθε ενημέρωσης περιεχομένου

Εφαρμογή

Περιεχόμενο που ενημερώνεται μόνο του αυτόματα.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

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

Δοκιμές

Διαδικασία
  1. Βρείτε σελίδες με περιεχόμενο που ενημερώνεται αυτόματα.

  2. Για κάθε αυτόματη ενημέρωση, αναζητήστε ένα μηχανισμό για προσαρμογή του συγχρονισμού των ενημερώσεων.

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

Αναμενόμενα Αποτελέσματα
  • Το #3 είναι αληθές.


G76: Παροχή μηχανισμού για αίτηση ανανέωσης του περιεχομένου αντί της αυτόματης ενημέρωσης

Εφαρμογή

Κάθε τεχνολογία ή συνδυασμός τεχνολογιών που υποστηρίζουν αυτόματες ενημερώσεις.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να επιτρέψει στον χρήστη να ελέγξει εάν και πότε ενημερώνεται το περιεχόμενο, προκειμένου να αποφευχθεί σύγχυση ή αποπροσανατολισμός λόγω αυτόματων ανανεώσεων που προκαλούν αλλαγή περιεχομένου. Οι χρήστες εφαρμογών ανάγνωσης οθόνης μπορεί να μπερδευτούν από τις αυτόματες ενημερώσεις καθώς δεν είναι πάντα σαφές τι ακριβώς συμβαίνει. Όταν ανανεώνεται μια σελίδα, ο "εικονικός δρομέας" της εφαρμογής ανάγνωσης οθόνης, που σημειώνει την τρέχουσα θέση του χρήστη στη σελίδα, μετακινείται στην κορυφή της σελίδας. Άτομα που χρησιμοποιούν λογισμικό μεγέθυνσης οθόνης και άτομα με μαθησιακές δυσκολίες μπορεί επίσης να αποπροσανατολιστούν όταν οι σελίδες ανανεώνονται αυτόματα.

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

Παραδείγματα

Παράδειγμα 1

Σε HTML, ο προγραμματιστής μπορεί να παράσχει ένα κουμπί ή σύνδεσμο που επιτρέπει στον χρήστη να ενημερώσει το περιεχόμενο. Για παράδειγμα, σε μια σελίδα με ειδήσεις στη διεύθυνση http://www.example.com/news.jsp

Παράδειγμα κώδικα:

<a href="news.jsp">Update this page</a>
Παράδειγμα 2

Σε μια διεπαφή Ιστού για ηλεκτρονικό ταχυδρομείο (Webmail), ο προγραμματιστής μπορεί να παράσχει ένα κουμπί ή σύνδεσμο για τη λήψη των νέων εισερχόμενων μηνυμάτων αντί της αυτόματης ενημέρωσης.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

  • Το έγγραφο "Λήξεις χρόνου σύνδεσης και ανανεώσεις σελίδας" (Time outs and page refreshes), από το Κέντρο Πρόσβασης Ιστού (Web Access Centre) του "Βασιλικού Εθνικού Ινστιτούτου Τυφλών" (RNIB), παρέχει τεκμηρίωση και τεχνικές.

Δοκιμές

Διαδικασία
  1. Βρείτε μηχανισμούς για ενημέρωση του περιεχομένου (εάν υπάρχει τέτοιος μηχανισμός).

  2. Για κάθε τέτοιο μηχανισμό, ελέγξτε εάν επιτρέπει στον χρήστη να υποβάλει αίτηση για ενημέρωση.

  3. Για κάθε τέτοιο μηχανισμό, ελέγξτε εάν μπορεί να προκαλέσει αυτόματη ενημέρωση.

Αναμενόμενα Αποτελέσματα
  • Εάν το #2 είναι αληθές, τότε το #3 είναι ψευδές.


G78: Παροχή δεύτερου ηχητικού κομματιού με δυνατότητα επιλογής από τον χρήστη, που περιλαμβάνει ηχητικές περιγραφές

Εφαρμογή

Εφαρμόζεται σε κάθε τεχνολογία που έχει ηχητικό πλαίσιο και οπτικό περιεχόμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

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

Παραδείγματα

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

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

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

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

Πόροι

Δοκιμές

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

  2. Ακούστε συγχρονισμένα μέσα

  3. Ελέγξτε εάν τα κενά στον διάλογο χρησιμοποιούνται για τη μεταφορά σημαντικών πληροφοριών σχετικά με το οπτικό περιεχόμενο

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #1 και #3 είναι αληθείς.


G79: Παροχή φωνητικής έκδοσης του κειμένου

Εφαρμογή

Τεχνολογίες που υποστηρίζουν συνδέσμους, ηχητικές μορφές.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

  • Φωνητικές εκδόσεις περιεχομένου σύντομου κειμένου και στατικού κειμένου

    Αυτή η μέθοδος είναι αποτελεσματική για κείμενα μικρού μεγέθους και για μεγαλύτερα έγγραφα που δεν αλλάζουν συχνά.

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

    2. Αποθηκεύστε τη φωνητική έκδοση ως αρχείο ήχου. Χρησιμοποιήστε μια μορφή ήχου που είναι ευρέως διαθέσιμη και υποστηρίζεται από τις εφαρμογές αναπαραγωγής μέσων.

    3. Ορίστε σύνδεσμο προς την ηχητική έκδοση.

    4. Προσδιορίστε τη μορφή ήχου (για παράδειγμα, .MP3, .WAV, .AU, κ.λπ.).

    5. Ορίστε σύνδεσμο προς την εφαρμογή αναπαραγωγής μέσων που υποστηρίζει τη μορφή.

  • Φωνητικές εκδόσεις του κειμένου που αλλάζει

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

Παραδείγματα

Παράδειγμα 1: Ένας ιστότοπος για μια κυβερνητική υπηρεσία

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία
  1. Ελέγξτε εάν είναι διαθέσιμη μια φωνητική έκδοση του περιεχομένου.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G80: Παροχή κουμπιού υποβολής για εκκίνηση μιας αλλαγής στο περιβάλλον

Εφαρμογή

Περιεχόμενο που περιλαμβάνει φόρμες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1

Παράδειγμα 1: Ένα κουμπί υποβολής χρησιμοποιείται για κάθε φόρμα που προκαλεί αλλαγή στο περιβάλλον.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Βρείτε όλες τις φόρμες στο περιεχόμενο

  2. Για κάθε φόρμα, ελέγξτε ότι διαθέτει κουμπί υποβολής

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές


G81: Παροχή συγχρονισμένου βίντεο του διερμηνέα της νοηματικής γλώσσας με δυνατότητα απεικόνισης σε διαφορετική θύρα προβολής ή σε επικάλυψη της εικόνας από την εφαρμογή προβολής βίντεο

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες συγχρονισμένων μέσων που επιτρέπουν συγχρονισμό πολλαπλών ροών βίντεο

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

ΣΗΜΕΙΩΣΗ: Εφόσον η νοηματική γλώσσα δεν αποτελεί συνήθως μια έκδοση στη νοηματική της έντυπης γλώσσας, ο συγγραφέας πρέπει να αποφασίσει ποια νοηματική γλώσσα θα συμπεριλάβει. Συνήθως χρησιμοποιείται η νοηματική γλώσσα του πρωταρχικού κοινού. Εάν προορίζεται για πολλαπλά κοινά, μπορούν να χρησιμοποιηθούν πολλαπλές γλώσσες. Δείτε τη συμβουλευτική τεχνική για πολλαπλές νοηματικές γλώσσες.

Παραδείγματα

Παράδειγμα 1

Παράδειγμα 1: Ένα πανεπιστήμιο παρέχει συγχρονισμένη ροή βίντεο του διερμηνέα νοηματικής γλώσσας που μπορεί να απεικονιστεί, κατόπιν επιλογής του θεατή, μαζί με οποιοδήποτε από τα εκπαιδευτικά προγράμματά του.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

  • Οδηγίες για την παραγωγή βιβλίων νοηματικής

    • Η "Παρουσίαση της νοηματικής γλώσσας" ("Sign Language presentation") δίνει μια εκτεταμένη επισκόπηση των θεμάτων προς επεξεργασία κατά την κινηματογράφηση διερμηνέων νοηματικής γλώσσας. Περιλαμβάνει σχολιασμό της μεταφοράς γραπτών και προφορικών αρχικών κειμένων στη νοηματική γλώσσα

    • Τεχνικές κινηματογράφησης σχολιάζονται στο κεφάλαιο 12, "Κινηματογραφώντας τους ομιλητές νοηματικής" (chapter 12, “Filming the Signer(s)”).

    • Χρήσιμες πληροφορίες για την απεικόνιση του διερμηνέα νοηματικής γλώσσας σε σχέση με το αρχικό περιεχόμενο συγχρονισμένων μέσων παρέχεται στο κεφάλαιο 13 "Επεξεργασία" (Chapter 13, "Editing")

      Σημείωση: Αυτές οι τεχνικές ίσως πρέπει να προσαρμοστούν για παρουσιάσεις Ιστού.

(καμία)

Δοκιμές

Διαδικασία
  1. Ενεργοποιήστε την απεικόνιση του παραθύρου νοηματικής γλώσσας στην εφαρμογή αναπαραγωγής.

  2. Αναθέστε σε κάποιον με ακοή και εξοικείωση με τη χρησιμοποιούμενη νοηματική γλώσσα να παρακολουθήσει το πρόγραμμα

  3. Ελέγξτε εάν υπάρχει διερμηνέας νοηματικής γλώσσας στην οθόνη ή σε ξεχωριστό παράθυρο.

  4. Ελέγξτε ότι οι διάλογοι και σημαντικοί ήχοι μεταφέρονται από τον διερμηνέα και συγχρονίζονται με τον ήχο.

Αναμενόμενα Αποτελέσματα
  • Τα #3 και #4 είναι αληθή


G82: Παροχή εναλλακτικού κειμένου που προσδιορίζει το σκοπό του μη κειμενικού περιεχομένου

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Παραδείγματα

Παράδειγμα 1
  • Ένα applet ανάπτυξης συντονισμού ματιού-χεριού έχει το ακόλουθο εναλλακτικό κειμένου "Applet που χρησιμοποιεί το ποντίκι και κινούμενους στόχους για την ανάπτυξη του συντονισμού ματιού-χεριού"

  • Ένα applet κάμερας με έναν στρογγυλό δίσκο όπου πιέζετε στις άκρες για να ελέγξετε μια απομακρυσμένη κάμερα και ένα κυλιόμενο μέρος στη μέση για ζουμ, έχει το ακόλουθο εναλλακτικό κειμένου "Έλεγχος στόχευσης και ζουμ απομακρυσμένης βιντεοκάμερας".

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. αφαιρέστε, αποκρύψτε ή καλύψτε το μη κειμενικό περιεχόμενο

  2. αντικαταστήστε το με το εναλλακτικό κειμένου

  3. ελέγξτε ότι ο σκοπός του μη κειμενικού περιεχομένου είναι σαφής - ακόμα και αν χαθεί η λειτουργία

Αναμενόμενα Αποτελέσματα
  • Το #3 είναι αληθές.


G83: Παροχή περιγραφών κειμένου για τον προσδιορισμό απαιτούμενων πεδίων που δεν έχουν συμπληρωθεί

Εφαρμογή

Περιεχόμενο που περιλαμβάνει υποχρεωτικά πεδία στην εισαγωγή δεδομένων χρήστη

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

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

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

  • Ένας χρήστης συμπληρώνει μια φόρμα που περιέχει υποχρεωτικά πεδία. Οι ετικέτες των πεδίων υποδεικνύουν εάν είναι υποχρεωτικά ή όχι. Ο χρήστης μετακινείται με το πλήκτρο tab σε ένα υποχρεωτικό πεδίο και βγαίνει από το πεδίο χωρίς να εισάγει δεδομένα ή να ορίσει μια επιλογή. Ένα αρχείο εντολών στην πλευρά του πελάτη τροποποιεί την ετικέτα του πεδίου για να υποδείξει ότι είναι σφάλμα εάν μείνει κενό αυτό το πεδίο.

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

Δοκιμές

Διαδικασία
  1. Συμπληρώστε μια φόρμα, αφήνοντας εκουσίως κενά ένα ή περισσότερα απαιτούμενα (υποχρεωτικά) πεδία και υποβάλετέ τη.

  2. Ελέγξτε ότι παρέχεται μήνυμα κειμένου που προσδιορίζει το/τα υποχρεωτικά πεδία που δεν έχουν συμπληρωθεί.

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές


G84: Παροχή περιγραφής κειμένου όταν ο χρήστης παρέχει πληροφορίες που δεν βρίσκονται στη λίστα των επιτρεπόμενων τιμών

Εφαρμογή

Περιεχόμενο που συλλέγει δεδομένα εισόδου του χρήστη όπου την είσοδο πρέπει να αποτελεί ένα περιορισμένο σύνολο τιμών.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Όταν οι χρήστες καταχωρούν δεδομένα εισόδου που έχουν επικυρωθεί και εντοπίζονται σφάλματα, πρέπει να περιγραφεί η φύση του σφάλματος στον χρήστη με τρόπο στον οποίο μπορούν να έχουν πρόσβαση. Μια προσέγγιση είναι η εμφάνιση ενός πλαισίου διαλόγου που περιγράφει πεδία με σφάλματα όταν ο χρήστης προσπαθεί να υποβάλει τη φόρμα. Μια άλλη προσέγγιση, εάν η επικύρωση πραγματοποιηθεί στον διακομιστή, είναι η επιστροφή της φόρμας (με τα δεδομένα του χρήστη ακόμα στα πεδία) και μια περιγραφή κειμένου στην κορυφή της σελίδας που υποδεικνύει ότι υπήρξε πρόβλημα επικύρωσης, περιγράφει τη φύση του προβλήματος και παρέχει τρόπους εύκολου εντοπισμού του/των πεδίων με το πρόβλημα. Το τμήμα "σε κείμενο" του Κριτηρίου Επιτυχίας υπογραμμίζει ότι δεν αρκεί μόνο να υποδειχθεί ότι υπάρχει πεδίο με σφάλμα τοποθετώντας έναν αστερίσκο στην ετικέτα ή κάνοντας την ετικέτα κόκκινη. Πρέπει να παρασχεθεί περιγραφή κειμένου του προβλήματος.

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

Παραδείγματα

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

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

Δοκιμές

Διαδικασία
  1. Καταχωρήστε άκυρα δεδομένα σε ένα πεδίο φόρμας.

  2. Ελέγξτε ότι παρέχονται πληροφορίες σε κείμενο σχετικά με το πρόβλημα.

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές.


G85: Παροχή περιγραφής κειμένου όταν τα δεδομένα εισόδου χρήστη δεν συμφωνούν με την απαιτούμενη μορφή ή τιμές

Εφαρμογή

Περιεχόμενο που αποδέχεται δεδομένα εισόδου χρήστη, με περιορισμούς στη μορφή, την τιμή ή/και τον τύπο των δεδομένων εισόδου.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Όπως και αν παρέχεται η περιγραφή κειμένου, πρέπει να γίνει ένα από τα παρακάτω για να βοηθηθεί ο χρήστης:

  • Παροχή παραδειγμάτων της σωστής καταχώρησης δεδομένων για το πεδίο,

  • Περιγραφή της σωστής καταχώρησης δεδομένων για το πεδίο,

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

Παραδείγματα

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

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

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

Δοκιμές

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

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

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές


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

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Ο σκοπός αυτής της τεχνικής είναι η παροχή μιας σύνοψης σύνθετου περιεχομένου. Η περίληψη παρέχεται επιπλέον του αρχικού περιεχομένου.

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

Πρέπει να ακολουθούνται τα παρακάτω βήματα για την προετοιμασία της περίληψης.

  1. Προσδιορίστε τις πιο σημαντικές ιδέες και πληροφορίες στο περιεχόμενο.

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

  3. Μετρήστε την αναγνωσιμότητα της περίληψης.

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

  5. Επαναλάβετε τα βήματα 3 και 4, όπως είναι απαραίτητο.

Παραδείγματα

Παράδειγμα 1: Ένα τεχνικό άρθρο με ευανάγνωστη περίληψη

Ένα άρθρο περιγράφει μια τεχνολογική καινοτομία. Το πρώτο στοιχείο μετά τον τίτλο του άρθρου είναι μια ενότητα με την επικεφαλίδα, "Περίληψη". Το μέσο μήκος των προτάσεων στην περίληψη είναι 16 λέξεις (σε σύγκριση με τις 23 για τις προτάσεις στο άρθρο) και χρησιμοποιούνται σύντομες, συνηθισμένες λέξεις αντί της τεχνικής γλώσσας του άρθρου. Εφαρμόζεται ένας τύπος αναγνωσιμότητας. Η περίληψη απαιτεί ικανότητα ανάγνωσης χαμηλότερη του επιπέδου κατώτερης δευτεροβάθμιας εκπαίδευσης.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε περίληψη που παρέχεται ως συμπληρωματικό περιεχόμενο:

  1. Μετρήστε την αναγνωσιμότητα της περίληψης.

  2. Ελέγξτε ότι η περίληψη απαιτεί ικανότητα ανάγνωσης χαμηλότερη του επιπέδου κατώτερης δευτεροβάθμιας εκπαίδευσης.

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές.


G87: Παροχή κλειστών λεζάντων

Εφαρμογή

Κάθε τεχνολογία ήχου-βίντεο όπου υπάρχουν πράκτορες χρήστη που υποστηρίζουν κλειστές επεξηγήσεις.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

ΣΗΜΕΙΩΣΗ: Οι επεξηγήσεις δεν πρέπει να συγχέονται με τους υπότιτλους. Οι υπότιτλοι παρέχουν κείμενο μόνο του διαλόγου και δεν περιλαμβάνουν σημαντικούς ήχους.

Παραδείγματα

Παράδειγμα 1

Παράδειγμα 1: Για να διασφαλιστεί ότι χρήστες με κώφωση μπορούν να χρησιμοποιήσουν αλληλεπιδραστικό εκπαιδευτικό υλικό, το κολέγιο παρέχει επεξηγήσεις και οδηγίες για ενεργοποίηση επεξηγήσεων για όλα τα ηχητικά αλληλεπιδραστικά εκπαιδευτικά προγράμματα.

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

Παράδειγμα 3: Παρέχονται ειδικά αρχεία επεξηγήσεων με πληροφορίες συγχρονισμού για υπάρχουσα ταινία. Υπάρχουν διαθέσιμες εφαρμογές αναπαραγωγής που εμφανίζουν τις επεξηγήσεις σε ξεχωριστό παράθυρο της οθόνης, συγχρονισμένες με το παράθυρο της ταινίας.

Παράδειγμα 4: Ένα βίντεο με ένα τοπικό συμβάν έχει επεξηγήσεις που μπορούν να αναπαραχθούν πάνω από το βίντεο ή σε ξεχωριστό παράθυρο ανάλογα με τη χρησιμοποιούμενη εφαρμογή αναπαραγωγής.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Οδηγίες για τη δημιουργία επεξηγήσεων

SMIL

Δημιουργία άλλων επεξηγήσεων

Δοκιμές

Διαδικασία
  1. Ενεργοποιήστε το χαρακτηριστικό κλειστών επεξηγήσεων στην εφαρμογή αναπαραγωγής μέσων

  2. Προβάλλετε το περιεχόμενο συγχρονισμένων μέσων

  3. Ελέγξτε ότι οι επεξηγήσεις (για όλους τους διαλόγους και τους σημαντικούς ήχους) είναι ορατές

Αναμενόμενα Αποτελέσματα
  • Το #3 είναι αληθές


G88: Παροχή περιγραφικών τίτλων για Ιστοσελίδες

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Ο τίτλος κάθε Ιστοσελίδας θα πρέπει:

  • Να προσδιορίζει το θέμα της Ιστοσελίδας

  • Να βγάζει νόημα όταν διαβάζεται εκτός περιβάλλοντος, για παράδειγμα, από μια εφαρμογή ανάγνωσης οθόνης ή σε έναν χάρτη ιστότοπου ή σε μια λίστα με αποτελέσματα αναζήτησης

  • Να είναι σύντομος

Χρήσιμο θα είναι επίσης για τον τίτλο

  • Να προσδιορίζει τον τόπο ή άλλο πόρο στον οποίο ανήκει η Ιστοσελίδα

  • Να προσδιορίζει τον τόπο ή άλλο πόρο στον οποίο ανήκει η Ιστοσελίδα

Παραδείγματα

Παράδειγμα 1: Ένας τίτλος που αναφέρει πρώτες τις πιο σημαντικές προσδιοριστικές πληροφορίες

Μια Ιστοσελίδα δημοσιεύεται από μια ομάδα στο πλαίσιο μιας μεγαλύτερης οργάνωσης Ο τίτλος της Ιστοσελίδας αρχικά προσδιορίζει το θέμα της σελίδας, στη συνέχεια εμφανίζει το όνομα ομάδας που ακολουθείται από το όνομα της γονικής οργάνωσης

Παράδειγμα κώδικα:


<title>Working with us: The Small Group: The Big Organization</title>
Παράδειγμα 2: Μια παρουσίαση συγχρονισμένων μέσων με περιγραφικό τίτλο

Μια παρουσίαση συγχρονισμένων μέσων για το τσουνάμι στη νότια Ασία το 2004 με τίτλο "Το τσουνάμι του 2004".

Παράδειγμα 3: Μια Ιστοσελίδα με περιγραφικό τίτλο σε τρία μέρη

Μια Ιστοσελίδα παρέχει οδηγίες και προτάσεις για δημιουργία κλειστών επεξηγήσεων. Η Ιστοσελίδα είναι μέρος "δευτερεύοντος τόπου" εντός ενός μεγαλύτερου. Ο τίτλος χωρίζεται σε τρία μέρη με παύλες. Το πρώτο μέρος του τίτλου προσδιορίζει την οργάνωση. Το δεύτερο μέρος προσδιορίζει τον δευτερεύοντα τόπο στον οποίο ανήκει η Ιστοσελίδα. Το τρίτο μέρος προσδιορίζει την ίδια την Ιστοσελίδα. (Για ένα λειτουργικό παράδειγμα, δείτε την ενότητα "WGBH - Ομάδα Πρόσβασης Μέσων - Συχνές ερωτήσεις για επεξηγήσεις" (WGBH – Media Access Group – Captioning FAQ).)

Παράδειγμα 4: Μια Ιστοσελίδα εφημερίδας

Ένας ιστότοπος που επιτρέπει την προβολή μόνο των τίτλων της τρέχουσας έκδοσης της Ιστοσελίδας του "Εθνικά νέα, πρώτη σελίδα". Ένας ιστότοπος που επιτρέπει εκδόσεις από διαφορετικές ημερομηνίες να προβάλλουν τίτλους της Ιστοσελίδας του, "Εθνικά νέα, πρώτη σελίδα, 17 Οκτ., 2005".

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι η Ιστοσελίδα έχει έναν τίτλο

  2. Ελέγξτε ότι ο τίτλος περιγράφει το περιεχόμενο της Ιστοσελίδας.

  3. Ελέγξτε ότι η Ιστοσελίδα μπορεί να προσδιοριστεί χρησιμοποιώντας τον τίτλο.

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G89: Παροχή αναμενόμενης μορφής δεδομένων και παράδειγμα

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Παραδείγματα

Παράδειγμα 1

Το ακόλουθο στοιχείο ελέγχου μορφής HTML για ημερομηνία υποδεικνύει στην ετικέτα ότι η ημερομηνία πρέπει να έχει τη μορφή ημέρα-μήνας-έτος και όχι τη μορφή μήνας-ημέρα-έτος όπως μπορεί να υποθέσουν πολλοί χρήστες στις Ηνωμένες Πολιτείες.

Παράδειγμα κώδικα:


<label for="date">Date (dd-mm-yyyy)</label>
<input type="text" name="date" id="date" />

Δοκιμές

Διαδικασία
  1. Προσδιορίστε στοιχεία ελέγχου φόρμας που θα δεχτούν δεδομένα εισόδου χρήστη μόνο σε συγκεκριμένη μορφή..

  2. Καθορίστε εάν κάθε ένα από τα στοιχεία ελέγχου φόρμας που προσδιορίζονται στο 1 παρέχει πληροφορίες σχετικά με την αναμενόμενη μορφή.

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές.


G90: Παροχή ρουτίνων χειρισμού συμβάντων με δυνατότητα ενεργοποίησης από πληκτρολόγιο

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες όπου το περιεχόμενο περιλαμβάνει λειτουργία.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

  • Παράδειγμα 1: Χαρακτηριστικό μεταφοράς και απόθεσης Μια εφαρμογή φωτογραφίας περιλαμβάνει το χαρακτηριστικό "μεταφορά και απόθεση" για να επιτρέψει στους χρήστες την επαναταξινόμηση φωτογραφιών σε ένα ηλεκτρονικό άλμπουμ για προβολή ως παρουσίαση διαφανειών. Περιλαμβάνει επίσης ένα χαρακτηριστικό που επιτρέπει στους χρήστες να επιλέξουν μια φωτογραφία και να εκτελέσουν "αποκοπή" και "επικόλληση" των στοιχείων στη λίστα στο κατάλληλο σημείο με χρήση μόνο του πληκτρολογίου.

  • Παράδειγμα 2: Χαρακτηριστικό επαναταξινόμησης Μια εφαρμογή Ιστού που επιτρέπει στους χρήστες να δημιουργήσουν ερωτηματολόγιο με μεταφορά και τοποθέτηση ερωτήσεων, περιλαμβάνει μια λίστα ερωτήσεων που ακολουθούνται από ένα πεδίο κειμένου που επιτρέπει στους χρήστες να επαναταξινομήσουν ερωτήσεις όπως πρέπει, μέσω της καταχώρησης του επιθυμητού αριθμού ερώτησης.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. ελέγξτε ότι είναι δυνατή η πρόσβαση σε όλες τις λειτουργίες μέσω του πληκτρολογίου μόνο

Αναμενόμενα Αποτελέσματα
  • Το #1 είναι αληθές


G91: Παροχή κειμένου συνδέσμου που περιγράφει τον σκοπό ενός συνδέσμου

Εφαρμογή

Όλες οι τεχνολογίες που περιέχουν συνδέσμους.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Περιγραφή του σκοπού ενός συνδέσμου σε HMTL στο κειμενικό περιεχόμενο του στοιχείου a

Παράδειγμα κώδικα:


<a href="routes.html">
  Current routes at Boulders Climbing Gym
</a>

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε σύνδεσμο στο περιεχόμενο που χρησιμοποιεί αυτή την τεχνική:

  1. Ελέγξτε ότι το κείμενο του συνδέσμου περιγράφει τον σκοπό του συνδέσμου

Αναμενόμενα Αποτελέσματα
  • Ο παραπάνω έλεγχος είναι αληθής.


G92: Παροχή εναλλακτικής λύσης εκτεταμένου κειμένου για μη κειμενικό περιεχόμενο που εξυπηρετεί τον ίδιο σκοπό και παρουσιάζει τις ίδιες πληροφορίες

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Οι ακόλουθες ερωτήσεις είναι χρήσιμες για να αποφασίσετε τι θα πρέπει να βρίσκεται στα εναλλακτικά κειμένου.

  • Γιατί βρίσκεται εδώ αυτό το μη κειμενικό περιεχόμενο;

  • Ποιες πληροφορίες παρουσιάζει;

  • Ποιον σκοπό εξυπηρετεί;

  • Εάν δεν μπορούσα να χρησιμοποιήσω το μη κειμενικό περιεχόμενο, ποιες λέξεις θα χρησιμοποιούσα για να μεταφέρω την ίδια λειτουργία ή/και πληροφορίες;

Παραδείγματα

Παράδειγμα 1

Ένα γράφημα των πωλήσεων Οκτωβρίου έχει ένα σύντομο εναλλακτικό κειμένου "Γράφημα πωλήσεων Οκτωβρίου" Η εκτεταμένη περιγραφή λέει "Γράφημα ράβδων που δείχνει τις πωλήσεις τον Οκτώβριο. Υπάρχουν 6 πωλητές. Η Μαρία είναι πρώτη με 349 μονάδες. Ακολουθεί η Φράνσις με 301. Έπονται ο Χουάν με 256, η Σου με 250, ο Λι με 200 και ο Μαξ με 195. Πρωταρχική χρήση αυτού του γραφήματος είναι η εμφάνιση των κορυφαίων, άρα η περιγραφή ακολουθεί τη σειρά πωλήσεων."

Παράδειγμα 2

Ένα γράφημα γραμμών που δείχνει τις μέσες θερμοκρασίες χειμώνα για τα τελευταία 10 χρόνια περιλαμβάνει το σύντομο εναλλακτικό κειμένου "Μέσες θερμοκρασίες χειμώνα 1996-2006." Η εκτεταμένη περιγραφή περιλαμβάνει τον πίνακα δεδομένων που χρησιμοποιήθηκε για τη δημιουργία του γραφήματος γραμμών.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Αφαιρέστε, αποκρύψτε ή καλύψτε το μη κειμενικό περιεχόμενο

  2. Απεικονίστε την εκτεταμένη περιγραφή

  3. Ελέγξτε ότι η εκτεταμένη περιγραφή μεταφέρει τις ίδιες πληροφορίες όπως και το μη κειμενικό περιεχόμενο

Αναμενόμενα Αποτελέσματα
  • Το #3 είναι αληθές.


G93: Παροχή ανοικτών (πάντα ορατών) λεζάντων

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

ΣΗΜΕΙΩΣΗ: Οι επεξηγήσεις δεν πρέπει να συγχέονται με τους υπότιτλους. Οι υπότιτλοι παρέχουν κείμενο μόνο του διαλόγου και δεν περιλαμβάνουν σημαντικούς ήχους.

Παραδείγματα

  • Προκειμένου να διασφαλιστεί ότι μπορεί ο καθένας να δει τις δικές του ηλεκτρονικά διαθέσιμες ταινίες, ακόμα και αν οι χρήστες δεν γνωρίζουν πώς να ενεργοποιήσουν τις επεξηγήσεις στην εφαρμογή αναπαραγωγής μέσων, μια συσχέτιση βιβλιοθήκης τοποθετεί τις επεξηγήσεις απευθείας μέσα στο βίντεο

  • Ένας ειδησεογραφικός οργανισμός παρέχει ανοικτές επεξηγήσεις για όλο του το υλικό.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

(δεν περιλαμβάνεται καμία)

Δοκιμές

Διαδικασία
  1. Παρακολουθήστε τα συγχρονισμένα μέσα με απενεργοποιημένες τις κλειστές λεζάντες.

  2. Ελέγξτε ότι οι λεζάντες (για όλους τους διαλόγους και τους σημαντικούς ήχους) είναι ορατές.

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές


G94: Παροχή εναλλακτικού σύντομου κειμένου για μη κειμενικό περιεχόμενο που εξυπηρετεί τον ίδιο σκοπό και παρουσιάζει τις ίδιες πληροφορίες με το μη κειμενικό περιεχόμενο

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

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

  • Γιατί βρίσκεται εδώ αυτό το μη κειμενικό περιεχόμενο;

  • Ποιες πληροφορίες παρουσιάζει;

  • Ποιον σκοπό εξυπηρετεί;

  • Εάν δεν μπορούσα να χρησιμοποιήσω το μη κειμενικό περιεχόμενο, ποιες λέξεις θα χρησιμοποιούσα για να μεταφέρω την ίδια λειτουργία ή/και πληροφορίες;

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

Παραδείγματα

  • Ένα κουμπί αναζήτησης χρησιμοποιεί την εικόνα ενός μεγεθυντικού φακού. Τα εναλλακτικά κειμένου είναι "αναζήτηση" και όχι "μεγεθυντικός φακός".

  • Μια εικόνα δείχνει πώς δένεται ένας κόμπος με βέλη που εμφανίζουν την τοποθέτηση των σκοινιών για τη δημιουργία ενός κόμπου. Το εναλλακτικό κειμένου περιγράφει πώς δένεται ο κόμπος και όχι με τι μοιάζει η εικόνα.

  • Μια εικόνα δείχνει την εικόνα ενός παιχνιδιού από μπροστά. Το εναλλακτικό κειμένου περιγράφει την μπροστινή όψη του παιχνιδιού.

  • Ένα κινούμενο σχέδιο εμφανίζει πώς γίνεται η αλλαγή ενός ελαστικού. Ένα σύντομο εναλλακτικό κειμένου περιγράφει τι αφορά το κινούμενο σχέδιο. Ένα εκτεταμένο εναλλακτικό κειμένου περιγράφει πώς αλλάζουμε ένα λάστιχο.

  • Εμφανίζεται ένα λογότυπο της εταιρείας TechTron δίπλα από κάθε προϊόν σε μια λίστα που αποτελείται από αυτά και έχει ένα σύντομο εναλλακτικό κειμένου που λέει , "TechTron."

  • Ένα γράφημα των πωλήσεων Οκτωβρίου έχει ένα σύντομο εναλλακτικό κειμένου "Γράφημα πωλήσεων Οκτωβρίου" Έχει επίσης μια εκτεταμένη περιγραφή που παρέχει όλες τις φωτογραφίες στο γράφημα.

  • Μια επικεφαλίδα περιέχει μια εικόνα των λέξεων, "Η ιστορία του πολέμου" με κείμενο με στυλ. Το κείμενο alt για την εικόνα είναι "Η ιστορία του πολέμου".

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Αφαιρέστε, αποκρύψτε ή καλύψτε το μη κειμενικό περιεχόμενο

  2. Αντικαταστήστε το με τo εναλλακτικό κειμένου

  3. Ελέγξτε ότι δεν έχει χαθεί τίποτα (ο σκοπός του μη κειμενικού περιεχομένου καλύπτεται από το εναλλακτικό κειμένου)

  4. Εάν το μη κειμενικό περιεχόμενο περιέχει λέξεις που είναι σημαντικές για την κατανόηση του περιεχομένου, οι λέξεις περιλαμβάνονται στο εναλλακτικό κειμένου.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #3 είναι αληθές. Εάν το μη κειμενικό περιεχόμενο περιέχει λέξεις που είναι σημαντικές για την κατανόηση του περιεχομένου, ο έλεγχος #4 είναι επίσης αληθής.


G95: Παροχή σύντομων εναλλακτικών κειμένου που παρέχουν μια σύντομη περιγραφή του μη κειμενικού περιεχομένου

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

  • Γιατί βρίσκεται εδώ αυτό το μη κειμενικό περιεχόμενο;

  • Ποιες πληροφορίες παρουσιάζει;

  • Ποιον σκοπό εξυπηρετεί;

  • Εάν δεν μπορούσα να χρησιμοποιήσω το μη κειμενικό περιεχόμενο, ποιες λέξεις θα χρησιμοποιούσα για να μεταφέρω την ίδια λειτουργία ή/και πληροφορίες;

Παραδείγματα

  • Ένα γράφημα των πωλήσεων Οκτωβρίου έχει ένα σύντομο εναλλακτικό κειμένου "Γράφημα πωλήσεων Οκτωβρίου" Έχει επίσης μια εκτεταμένη περιγραφή που παρέχει όλες τις φωτογραφίες στο γράφημα.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Ελέγξτε για την παρουσία συντόμου εναλλακτικού κειμένου που παρέχει μια σύντομη περιγραφή του μη κειμενικού περιεχομένου.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G96: Παροχή κειμενικού προσδιορισμού στοιχείων των οποίων η κατανόηση βασίζεται διαφορετικά σε αισθητικές πληροφορίες

Εφαρμογή

Όλες οι τεχνολογίες που παρουσιάζουν περιγραφή μιας απόδοσης περιεχομένου στον χρήστη.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1

Παρέχεται σε μια φόρμα ένα στρογγυλό κουμπί για την υποβολή της και για τη μετακίνηση στο επόμενο βήμα μιας διαδικασίας. Το κουμπί έχει ετικέτα με το κείμενο "μετάβαση". Οι οδηγίες λένε, "για να υποβάλετε τη φόρμα, πατήστε το στρογγυλό κουμπί με την ετικέτα μετάβαση". Αυτό περιλαμβάνει κειμενικές αλλά και πληροφορίες σχήματος για τον εντοπισμό του κουμπιού.

Παράδειγμα 2

Οι οδηγίες για μια Ιστοσελίδα που παρέχει ηλεκτρονική εκπαίδευση λένε, "Χρησιμοποιήστε τη λίστα των συνδέσμων στα δεξιά με την επικεφαλίδα, "Κατάλογος τάξεων" για να μεταβείτε στο επιθυμητό ηλεκτρονικό μάθημα." Αυτή η περιγραφή παρέχει τη θέση, καθώς και τα κειμενικά στοιχεία που θα βοηθήσουν στην εύρεση της σωστής λίστας συνδέσμων.

Παράδειγμα 3

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

Παράδειγμα κώδικα:


<table>
  <tbody>
    <tr>
      <td colspan="2">Push the lower right [Preview] button.</td>
      <td>
        <span style="background: ButtonFace; color: ButtonText; border: 
        medium outset ButtonShadow;  
        width: 5em; display: block; font-weight: bold; text-align: center;">
        Print</span>
      </td>
    </tr>
    <tr>
      <td>
        <span style="background: ButtonFace; color: ButtonText; border: 
        medium outset ButtonShadow;  
        width: 5em; display: block; font-weight: bold; text-align: center;">
        Cancel</span>
      </td>
      <td>
        <span style="background: ButtonFace; color: ButtonText; border: 
        medium outset ButtonShadow;  
        width: 5em; display: block; font-weight: bold; text-align: center;">
        OK</span>
      </td>
      <td>
        <span style="background: ButtonFace; color: ButtonText; border: 
        medium outset ButtonShadow;  
        width: 5em; display: block; font-weight: bold; text-align: center;">
        Preview</span>
      </td>
    </tr>
  </tbody>
</table>
            

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία

Βρείτε όλες τις παραπομπές στην Ιστοσελίδα που αναφέρουν το σχήμα, το μέγεθος και τη θέση ενός αντικειμένου. Για κάθε τέτοιο στοιχείο:

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

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G97: Παροχή της σύντμησης αμέσως μετά την αναπτυγμένη μορφή

Εφαρμογή

Κάθε τεχνολογία που περιέχει κείμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Κατά τη διαδικασία συντόμευσης μιας λέξης, φράσης ή ονόματος μέσω σύντμησης, αρκτικόλεξου, ακρωνυμίου ή άλλης συντομευμένης μορφής, πρέπει να παράσχετε την πλήρη μορφή πριν την παροχή της συντετμημένης. Αυτό κάνει το κείμενο πιο εύκολο στην ανάγνωση και συνιστάται από πολλούς οδηγούς στυλ.

Σημειώστε ότι πολλές συντμήσεις απαιτούν εξήγηση αντί για ανάπτυξη. Αυτή η τεχνική δεν είναι κατάλληλη για τέτοιες συντμήσεις.

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

Παραδείγματα

Παράδειγμα 1

"Ο Ύπατος Αρμοστής των Ηνωμένων Εθνών για τα Ανθρώπινα Δικαιώματα (UNHCR) θεσπίστηκε το 1950 για την παροχή προστασίας και βοήθειας στους πρόσφυγες."

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία

Για κάθε σύντμηση στο περιεχόμενο,

  1. Αναζητήστε την πρώτη χρήση αυτής της σύντμησης στο συστατικό στοιχείο συγγραφής.

  2. Ελέγξτε ότι η πρώτη χρήση έπεται αμέσως της αναπτυγμένης μορφής της σύντμησης.

  3. Ελέγξτε ότι η αναπτυγμένη μορφή είναι η σωστή για τη χρήση της σύντμησης.

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #2 και #3 είναι αληθείς.


G98: Παροχή της δυνατότητας στον χρήστη για αναθεώρηση και διόρθωση απαντήσεων πριν την υποβολή

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

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

Παραδείγματα

  • Μια ηλεκτρονική τραπεζική εφαρμογή παρέχει πολλαπλά βήματα για την ολοκλήρωση μιας μεταφοράς χρημάτων μεταξύ λογαριασμών ως εξής:

    1. Επιλέξτε λογαριασμό για "μεταφορά από"

    2. Επιλέξτε λογαριασμό για "μεταφορά προς"

    3. Καταχωρήστε το ποσό της μεταφοράς

  • Παρέχεται μια περίληψη της συναλλαγής που δείχνει τους λογαριασμούς από και προς και το ποσό της μεταφοράς. Ο χρήστης μπορεί να επιλέξει ένα κουμπί για την ολοκλήρωση ή την ακύρωση της συναλλαγής.

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

Δοκιμές

Διαδικασία

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

  1. Καθορίστε εάν ο χρήστης επιτρέπεται να επιστρέψει σε προηγούμενα βήματα για εξέταση και αλλαγή των δεδομένων.

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

Αναμενόμενα Αποτελέσματα
  • Είτε το #1, είτε το #2 είναι αληθές.


G99: Παροχή της δυνατότητας επαναφοράς διαγραμμένων πληροφοριών

Εφαρμογή

Περιεχόμενο στο οποίο οι ενέργειες χρήστη προκαλούν διαγραφή του περιεχομένου

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

  • Μια εφαρμογή Ιστού που επιτρέπει σε χρήστες να δημιουργήσουν φακέλους και να αποθηκεύσουν δεδομένα σε αυτούς. Κάθε φάκελος και στοιχείο δεδομένων συνοδεύεται από ένα τετράγωνο επιλογής για να σημειωθεί για κάποια ενέργεια και δύο κουμπιά, ένα για μετακίνηση και ένα για διαγραφή. Εάν ο χρήστης επιλέξει κατά λάθος το κουμπί διαγραφής, μπορεί να χαθούν τεράστια ποσά δεδομένων. Η εφαρμογή παρουσιάζει στον χρήστη αμέσως τα δεδομένα ως διαγραμμένα, αλλά προγραμματίζει την ουσιαστική τους διαγραφή σε μία εβδομάδα. Στη διάρκεια της εβδομάδας, ο χρήστης μπορεί να μεταβεί στον φάκελο "διαγραμμένα" και να ζητήσει την επαναφορά οποιουδήποτε φακέλου ή στοιχείου δεδομένων που αναμένει την ουσιαστική του διαγραφή.

Δοκιμές

Διαδικασία
  1. Προσδιορίστε λειτουργία που επιτρέπει τη διαγραφή περιεχομένου

  2. Διαγράψτε περιεχόμενο και προσπαθήστε να το επαναφέρετε.

  3. Ελέγξτε εάν είναι δυνατή η επαναφορά διαγραμμένων πληροφοριών.

Αναμενόμενα Αποτελέσματα
  • Το #3 είναι αληθές.


G100: Παροχή ενός αποδεκτού ονόματος ή ενός περιγραφικού ονόματος για το περιεχόμενο

Εφαρμογή

Όλες οι τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1
  • Παράδειγμα 1: Ένας πίνακας της Μόνι Λίζα έχει το εναλλακτικό κείμενο "Μόνα Λίζα, του Λεονάρντο ντα Βίντσι"

  • Παράδειγμα 2: Ένα αρχείο ήχου έχει το εναλλακτικό κείμενο "5 μαθητές παίζουν Theramin".

  • Παράδειγμα 3: Ένα διάσημο έργο σύγχρονης τέχνης έχει ετικέτα "Κόκκινο, Μπλε και Κίτρινο, του Piet Mondrian"

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι το εναλλακτικό κειμένου παρέχει ένα περιγραφικό όνομα

  2. Ελέγξτε ότι το εναλλακτικό κειμένου παρέχει ένα όνομα που δόθηκε προηγουμένως στο μη κειμενικό περιεχόμενο από τον συγγραφέα ή άλλον.

Αναμενόμενα Αποτελέσματα
  • Το #1 ή το #2 είναι αληθές.


G101: Παροχή του ορισμού μιας λέξης ή φράσης που χρησιμοποιείται με ασυνήθιστο ή περιορισμένο τρόπο

Εφαρμογή

Κάθε τεχνολογία που περιέχει κείμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι η παροχή ορισμού για κάθε λέξη που χρησιμοποιείται με ασυνήθιστο ή περιορισμένο τρόπο.

Μια λέξη χρησιμοποιείται με ασυνήθιστο ή περιορισμένο τρόπο όταν:

  • λεξικά δίνουν αρκετούς ορισμούς μιας λέξης αλλά πρέπει να χρησιμοποιηθεί ένας συγκεκριμένος ορισμός για να γίνει κατανοητό το περιεχόμενο,

  • πρέπει να χρησιμοποιηθεί ένας συγκεκριμένος ορισμός για να γίνει κατανοητό το περιεχόμενο και τα λεξικά χαρακτηρίζουν αυτόν τον ορισμό ως σπάνιο, αρχαϊκό, απαρχαιωμένο κ.λπ.,

  • ο συγγραφέας δημιουργεί ένα νέο ορισμό που πρέπει να χρησιμοποιηθεί για να γίνει κατανοητό το περιεχόμενο.

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

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

Παραδείγματα

Παράδειγμα 1: Ένας όρος που χρησιμοποιείται με περιορισμένο τρόπο

Η λέξη "τεχνολογία" χρησιμοποιείται ευρέως για να καλύψει τα πάντα, από τα λίθινα εργαλεία που χρησιμοποιούσαν οι πρώτοι άνθρωποι έως τις σύγχρονες ψηφιακές συσκευές, όπως τα κινητά τηλέφωνα. Όμως στο WCAG 2.0, η λέξη "τεχνολογία" χρησιμοποιείται με πιο περιορισμένο τρόπο: σημαίνει έναν μηχανισμό κωδικοποίησης οδηγιών για απόδοση, αναπαραγωγή ή εκτέλεση από πράκτορες χρήστη, συμπεριλαμβανομένων γλωσσών επισημείωσης, μορφών δεδομένων και γλωσσών προγραμματισμού, που χρησιμοποιούνται στην παραγωγή και παράδοση περιεχομένου Ιστού.

Παράδειγμα 2: Μια λέξη χρησιμοποιείται σύμφωνα με απαρχαιωμένο ορισμό

Η λέξη "αιθέρας" ορίζεται ως η ουσία που γεμίζει τον διαπλανητικό χώρο: "Πίστευε ότι ο ήχος ταξίδευε μέσα στον αιθέρα."

Παράδειγμα 3: Τεχνική γλώσσα

Η λέξη "οδηγός" ορίζεται ως το λογισμικό που περιέχει ειδικές οδηγίες για έναν εκτυπωτή: "Ίσως είναι απαραίτητο να ενημερώσεις τον οδηγό του εκτυπωτή σου."

Παράδειγμα 4: Μια ιδιωματική έκφραση

Μερικοί άνθρωποι λένε "φτύνω τα φασόλια" (spill the beans) όταν εννοούν "αποκαλύπτω ένα μυστικό", π.χ. "Στο αστυνομικό τμήμα ο Τζο "έφτυσε τα φασόλια" σχετικά με το σχέδιο απαγωγής του πρωθυπουργού."

Παράδειγμα 5: Μια ιδιωματική έκφραση στα ιαπωνικά

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

さじを投げる(どうすることもできなくなり、あきらめること)。

Παράδειγμα 6: Μια άγνωστη, υιοθετημένη ξένη λέξη στα Αγγλικά

Οι χρήστες ενδέχεται να μην κατανοούν το νόημα μιας άγνωστης λέξης που υιοθετήθηκε από μια άλλη γλώσσα: "Μην ανησυχείς, είναι ok (εντάξει)".

Παράδειγμα 7: Άγνωστες, υιοθετημένες λέξεις στα Ιαπωνικά

Στα Ιαπωνικά, το "Kata-kana" χρησιμοποιείται για υιοθετημένες, ξένες λέξεις. Εάν λέξεις είναι άγνωστες για τους χρήστες, παρέχετε το νόημα ή τη μετάφραση προκειμένου οι χρήστες να μπορούν να τις κατανοήσουν.

アクã‚"シビリティ(é"˜é½¢è€…ãƒ"障害者をå"む全ての人が利用できること)は、Webサイトã"不可欠である。

Ελληνική μετάφραση: Η "Προσβασιμότητα" (είναι προσβάσιμο από όλους τους χρήστες, συμπεριλαμβανομένων ατόμων με αναπηρία) είναι μια απαραίτητη πτυχή των ιστοτόπων.

レイアウトテーブãƒ"とCSSの併用をハイブリッド(複合åz‹ï¼‰ã¨ã„う。

Ελληνική μετάφραση: Η χρήση τόσο του πίνακα διάταξης, όσο και του CSS, ονομάζεται "υβριδική" (συνδυασμός πολλαπλών μορφών).

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε λέξη ή φράση που χρησιμοποιείται με ασυνήθιστο ή περιορισμένο τρόπο:

  1. Ελέγξτε ότι παρέχεται ορισμός για τη λέξη ή τη φράση

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G102: Παροχή του αναπτύγματος ή της εξήγησης μιας σύντμησης

Εφαρμογή

Κάθε τεχνολογία που περιέχει κείμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι η παροχή πληροφοριών που είναι απαραίτητες για την κατανόηση μιας σύντμησης.

Η σύντμηση είναι η συντομευμένη μορφή μιας λέξης, φράσης ή ονόματος. Για τις περισσότερες συντμήσεις, αρκεί η παροχή όλης της λέξης, φράσης ή ονόματος.

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

ΣυντομογραφίαΛατινική έκφρασηΕξήγηση
a.m.ante meridiemπριν το μεσημέρι, το πρωί
p.m.post meridiemμετά το μεσημέρι, το απόγευμα
e.g.exempli gratiaγια παράδειγμα
cfconfer/conferaturπαράβαλε

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

Παραδείγματα

Παράδειγμα 1: ADA

Μερικές συντμήσεις μπορεί να έχουν περισσότερες από μία σημασίες και η σημασία εξαρτάται από τα συμφραζόμενα. Για παράδειγμα, ADA σημαίνει "American Dental Association" (Αμερικάνικη Οδοντιατρική Ένωση) σε ένα περιβάλλον και "Νόμος για τους Αμερικανούς με αναπηρίες" σε άλλο. Πρέπει να δοθεί μόνο το ανάπτυγμα που είναι σχετικό με τα εκάστοτε περιβάλλον.

Παράδειγμα 2: Αγγλικές συντμήσεις για φράσεις-δάνεια από τα λατινικά

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

Παράδειγμα 3: ABS

Μερικές γλώσσες (μεταξύ των οποίων η αγγλική και η ολλανδική) δανείστηκαν το ακρωνύμιο ABS (Antiblockiersystem: Σύστημα αντιεμπλοκής κατά την πέδηση) από τα γερμανικά. Παρέχεται εξήγηση (Σύστημα αντιεμπλοκής κατά την πέδηση) αντί αναπτύγματος

Παράδειγμα 4: ακρωνύμια χωρίς ανάπτυγμα

Τα παραδείγματα ακρωνυμίων που δεν έχουν πλέον ανάπτυγμα περιλαμβάνουν τα εξής:

  • το SIL, που σήμαινε Summer Institute of Linguistics (Θερινό Ινστιτούτο Γλωσσολογίας), αποτελεί πλέον όνομα από μόνο του. Δείτε την ενότητα "Ιστορία του SIL" (SIL history).

  • το IMS, που σήμαινε Instructional Management Systems (Εκπαιδευτικά συστήματα διαχείρισης), αποτελεί πλέον όνομα από μόνο του.

Για αυτή την κατηγορία παραδειγμάτων, αρκεί μια σύντομη εξήγηση του τι είναι ή κάνει ο οργανισμός.

Παράδειγμα 5: Φράσεις που ήταν κάποτε συντμήσεις, αλλά έχουν γίνει μέρος της γλώσσας

Η ολλανδική φράση "'s nachts" που σημαίνει "τη νύκτα" αρχικά ήταν σύντμηση για το "des nachts". Στη σύγχρονη ολλανδική γλώσσα, η λέξη "des" χρησιμοποιείται πλέον σπάνια και εκλαμβάνεται ως αρχαϊκή. Η παροχή αναπτύγματος μπορεί να προκαλέσει σύγχυση. Δεν παρέχεται ανάπτυγμα για το "'s nachts".

Η αγγλική φράση "o'clock" αρχικά ήταν σύντμηση της φράσης "of the clock". Έκτοτε, η φράση "o'clock" έγινε μέρος της αγγλικής γλώσσας και δεν χρειάζεται το ανάπτυγμά της.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία

Για κάθε σύντμηση στο περιεχόμενο,

  1. Εάν η σύντμηση δεν έχει αναπτυγμένη μορφή, παρέχεται εξήγηση.

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

  3. Διαφορετικά, παρέχεται η αναπτυγμένη μορφή.

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G103: Παροχή οπτικών σχεδίων, εικόνων και συμβόλων που βοηθούν στην επεξήγηση ιδεών, συμβάντων και διαδικασιών

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

  • Διαγράμματα, διαγράμματα ροής, βίντεο και κινούμενα σχέδια βοηθούν τους χρήστες να καταλάβουν διαδικασίες.

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

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

Παραδείγματα

Παράδειγμα 1: Μια ετήσια αναφορά για την εταιρεία

Μια ετήσια αναφορά εξετάζει πολλούς παράγοντες που επηρέασαν την πορεία της εταιρείας το προηγούμενο έτος. Η αναφορά περιλαμβάνει επίσης γραφήματα και διαγράμματα που παρουσιάζουν τον τρόπο αλληλεπίδρασης αυτών των παραγόντων. Κάθε διάγραμμα ή γράφημα έχει εναλλακτικό κειμένου όπως απαιτείται από το Κριτήριο Επιτυχίας 1.1.1 (Success Criterion 1.1.1). Καθένα έχει επίσης έναν αριθμό στην επεξήγησή του (π.χ. "Εικόνα 7"). Αυτοί οι αριθμοί χρησιμοποιούνται στο κείμενο ως παραπομπή στα γραφήματα ή τα διαγράμματα.

Παράδειγμα 2: Στιγμιότυπο οθόνης σε τεχνική τεκμηρίωση

Η ηλεκτρονική τεκμηρίωση για ένα προϊόν περιλαμβάνει οδηγίες βήμα-προς-βήμα. Κάθε βήμα περιγράφεται από ένα στιγμιότυπο οθόνης που δείχνει την οπτική εμφάνιση της οθόνης. Κάθε στιγμιότυπο οθόνης έχει εναλλακτικά κειμένου όπως απαιτείται από το κριτήριο επιτυχίας 1.1.1.

Παράδειγμα 3: Σχέδια ενός περίπλοκου φυσικού συμβάντος

Ένας ιστότοπος μελετά το τσουνάμι του 2004. Ο τόπος περιγράφει τον τρόπο με τον οποίο το τσουνάμι χτύπησε διαφορετικές περιοχές στον Ινδικό Ωκεανό. Περιλαμβάνονται φωτογραφίες της καταστροφής σε κάθε περιοχή. Κάθε φωτογραφία έχει εναλλακτικό κειμένου όπως απαιτείται από το κριτήριο επιτυχίας 1.1.1. Ο ιστότοπος εξηγεί επίσης τι συμβαίνει κάτω από το νερό κατά τη διάρκεια ενός τσουνάμι. Η εξήγηση συνοδεύεται από κινούμενο σχέδιο που δείχνει πώς ένα τσουνάμι δημιουργείται και απλώνεται στον ωκεανό. Το κινούμενο σχέδιο έχει εναλλακτικό κειμένου όπως απαιτείται από το κριτήριο επιτυχίας 1.1.1.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

  • Hall, T., and Strangman, N. CAST: Γραφικά βοηθήματα Ανακτήθηκε στις 5 Απριλίου 2005 από τις εκδόσεις NCAC (NCAC Publications). Αυτό το άρθρο περιγράφει αρκετά διαφορικά είδη γραφικών βοηθημάτων, εξηγεί πώς μπορεί να είναι χρήσιμος ο κάθε τύπος και συνοψίζει τα ερευνητικά ευρήματα ότι τα γραφικά βοηθήματα υποστηρίζουν την εκμάθηση, ειδικά σε φοιτητές με μαθησιακές δυσκολίες.

  • Tufte, Edward. Εξετάζοντας πληροφορίες. Cheshire, Conn.: Graphics Press. 1990.

  • Tufte, Edward. Η οπτική απεικόνιση ποσοτικών πληροφοριών. Cheshire, Conn.: Graphics Press. 1983.

  • Tufte, Edward. Οπτικές εξηγήσεις: εικόνες και ποσότητες, αποδείξεις και αφήγηση. Cheshire, Conn.: 1997.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία
  1. Προσδιορίστε κείμενο που εξετάζει ιδέες ή διαδικασίες που πρέπει να γίνουν κατανοητές, προκειμένου να χρησιμοποιηθεί το περιεχόμενο.

  2. Ελέγξτε εάν υπάρχουν φυσικά σχέδια διαθέσιμα στο περιεχόμενο ή μέσω συνδέσμων εντός του περιεχομένου.

  3. Ελέγξτε ότι τα φυσικά σχέδια δείχνουν έννοιες ή διαδικασίες που εξετάζονται στο κείμενο.

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #2 και #3 είναι αληθείς.


G105: Αποθήκευση δεδομένων ώστε να χρησιμοποιηθούν μετά την επαναπιστοποίηση από τον χρήστη

Εφαρμογή

Ιστοσελίδες που απαιτούν πιστοποίηση χρήστη και περιορίζουν τον διαθέσιμο χρόνο για υποβολή δεδομένων.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

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

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

Δοκιμές

Διαδικασία

Σε έναν ιστότοπο που απαιτεί σύνδεση χρήστη για την υποβολή δεδομένων,

  1. Συνδεθείτε και ξεκινήστε τη χρονομετρημένη δραστηριότητα.

  2. Αφήστε την περίοδο λειτουργίας να λήξει.

  3. Υποβάλλετε τα δεδομένα.

  4. Εκτελέστε επαναπιστοποίηση.

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

Αναμενόμενα Αποτελέσματα
  • Το #5 είναι αληθές.


G107: Χρήση "activate" αντί για "focus" ως στοιχείο ενεργοποίησης για αλλαγές περιβάλλοντος

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Παραδείγματα

Παράδειγμα 1
  • Μια σελίδα αναδύει ένα νέο παράθυρο μόνο όταν ο χρήστης κάνει κλικ (ή χρησιμοποιήσει το πλήκτρο διαστήματος) σε κουμπί αντί της χρήσης ενός συμβάντος onfocus για την ανάδυση ενός νέου παραθύρου.

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία
  1. Χρησιμοποιώντας πληκτρολόγιο, μετακινήστε την επισήμανση κυκλικά σε όλο το περιεχόμενο

  2. Ελέγξτε ότι δεν συμβαίνουν αλλαγές στο περιβάλλον όταν κάποιο συστατικό στοιχείο επισημαίνεται.

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές


G108: Χρήση χαρακτηριστικών επισημείωσης για έκθεση ονόματος και ρόλου, δυνατότητα απευθείας ρύθμισης ιδιοτήτων που ορίζονται από τον χρήστη και παροχή ειδοποίησης για αλλαγές

Εφαρμογή

Οι τεχνολογίες επισημείωσης όταν είναι δυνατόν να προβάλουν το όνομα και τον ρόλο, επιτρέπουν ιδιότητες που ρυθμίζονται από τον χρήστη και να παράσχουν ειδοποιήσεις για τυχόν αλλαγές

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Για HTML, αυτές οι υποθέσεις είναι καλές. Είναι ίσως κατάλληλες και για μερικές άλλες τεχνολογίες.

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

Παραδείγματα

Παράδειγμα 1

Παράδειγμα 1: Μια ιστοσελίδα γραμμένη σε HTML ή XHTML χρησιμοποιεί τυποποιημένα στοιχεία ελέγχου φόρμας και καθορίζει το στοιχείο ελέγχου φόρμας με χρήση της παραμέτρου title. Ο πράκτορας χρήστη καθιστά διαθέσιμες πληροφορίες για αυτά τα στοιχεία ελέγχου, μεταξύ αυτών το όνομα, στην υποστηρικτική τεχνολογία μέσω DOM και μέσω API προσβασιμότητας συγκεκριμένης πλατφόρμας.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Εξετάστε την επισημείωση οπτικά ή με εργαλείο.

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

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

Αναμενόμενα Αποτελέσματα
  • Τα βήματα #2 και #3 είναι αληθή για κάθε συστατικό στοιχείο διεπαφής χρήστη


G110: Χρήση άμεσης ανακατεύθυνσης από την πλευρά του πελάτη

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να επιτρέψει τις ανακατευθύνσεις στην πλευρά του πελάτη χωρίς να προκαλείται σύγχυση στον χρήστη. Οι ανακατευθύνεις υλοποιούνται κατά προτίμηση στην πλευρά του διακομιστή (δείτε την ενότητα Εφαρμογή αυτόματων ανακατευθύνσεων στην πελυρά του διακομιστή αντί του πελάτη (SVR1: Implementing automatic redirects on the server side instead of on the client side) (ΔΙΑΚΟΜΙΣΤΗΣ) ), διότι μια ανακατεύθυνση στην πλευρά του διακομιστή δεν προκαλεί την εμφάνιση νέου περιεχομένου πριν στείλει ο διακομιστής το περιεχόμενο που βρίσκεται στο νέο URL. Όμως, οι συγγραφείς δεν έχουν πάντα τον έλεγχο των τεχνολογιών στην πλευρά του διακομιστή. Σε αυτή την περίπτωση, μπορούν να χρησιμοποιήσουν ανακατεύθυνση στην πλευρά του πελάτη. Μια ανακατεύθυνση στην πλευρά του πελάτη εφαρμόζεται με κώδικα μέσα στο περιεχόμενο που δίνει οδηγίες στον πράκτορα χρήστη να ανακτήσει περιεχόμενο από διαφορετικό URL. Είναι σημαντικό η σελίδα ή η Ιστοσελίδα ανακατεύθυνσης να περιέχει μόνο πληροφορίες που είναι σχετικές με την ανακατεύθυνση.

Παραδείγματα

Παράδειγμα 1: HTML: Ανανέωση στοιχείου meta με URL και χωρίς λήξη χρόνου σύνδεσης

Σε HTML 4.x και XHTML 1.x, είναι δυνατή η εφαρμογή ανακατεύθυνσης στην πλευρά του πελάτη με χρήση του στοιχείου meta: δείτε την ενότητα Χρήση ανανέωσης στοιχείου meta για δημιουργία στιγμιαίας ανακατεύθυνσης στην πλευρά του πελάτη (H76: Using meta refresh to create an instant client-side redirect) (HTML) .

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Βρείτε κάθε σύνδεσμο ή παραπομπή μέσω προγραμματισμού προς άλλη σελίδα ή Ιστοσελίδα.

  2. Για κάθε σύνδεσμο ή παραπομπή μέσω προγραμματισμού, ελέγξτε εάν η Ιστοσελίδα που παραπέμπεται περιέχει κώδικα (π.χ. στοιχείο meta ή αρχείο εντολών) που προκαλεί ανακατεύθυνση στην πλευρά του πελάτη.

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

Αναμενόμενα Αποτελέσματα

Το βήμα 2 είναι ψευδές ή το βήμα 3 είναι αληθές.


G111: Χρήση χρώματος και προτύπου

Εφαρμογή

Όλες οι τεχνολογίες που υποστηρίζουν εικόνες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1

Ένας ιστότοπος μεσιτικής εταιρείας παρέχει ένα γράφημα ράβδων με τις μέσες τιμές κατοικιών σε διάφορες περιοχές των Ηνωμένων Πολιτειών. Η ράβδος για κάθε περιοχή εμφανίζεται με διαφορετικό συμπαγές χρώμα και διαφορετικό πρότυπο. Υπάρχει επαρκής αντίθεση μεταξύ του συμπαγούς και του χρώματος προτύπου για την ικανοποίηση του Κριτηρίου Επιτυχίας 1.4.1. Το υπόμνημα χρησιμοποιεί τα ίδια χρώματα και πρότυπα για τον προσδιορισμό κάθε ράβδου.

Παράδειγμα 2

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

Παράδειγμα 3

Ένα διάγραμμα ροής περιγράφει ένα σύνολο επαναλαμβανόμενων βημάτων για την ολοκλήρωση μιας διαδικασίας. Χρησιμοποιεί διάστικες με παύλες γραμμές βέλους με πράσινο παρασκήνιο για να σημειώσει το επόμενο βήμα στη διαδικασία όταν ικανοποιείται η συγκεκριμένη συνθήκη Χρησιμοποιεί διάστικες γραμμές βέλους με κόκκινο παρασκήνιο για να σημειώσει το επόμενο βήμα στη διαδικασία όταν δεν ικανοποιείται η συγκεκριμένη συνθήκη Υπάρχει επαρκής αντίθεση μεταξύ των χρωμάτων γραμμής και παρασκηνίου που ικανοποιεί το κριτήριο επιτυχίας 1.4.1.

Παράδειγμα 4

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε εικόνα εντός της Ιστοσελίδας που χρησιμοποιεί διαφορές χρώματος για τη μεταφορά πληροφοριών:

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

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G112: Χρήση εμβόλιμων ορισμών

Εφαρμογή

Κάθε τεχνολογία που περιέχει κείμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Αιθέρας

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

Παράδειγμα 2: Πρόγραμμα οδήγησης

Ίσως είναι απαραίτητο να ενημερώσετε τον οδηγό για τον εκτυπωτή σας (ο οδηγός είναι λογισμικό που περιέχει ειδικές οδηγίες για τον εκτυπωτή σας).

Παράδειγμα 3: Λέξεις κλειδιά της W3C

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

Παράδειγμα 4: Μια ιαπωνική ιδιωματική έκφραση που ορίζεται εντός του περιβάλλοντος

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

さじを投げる(どうすることもできなくなり、あきらめること)。

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε λέξη ή φράση που χρησιμοποιείται με ασυνήθιστο ή περιορισμένο τρόπο:

  1. Ελέγξτε ότι η λέξη ορίζεται σε κείμενο είτε πριν, είτε μετά την πρώτη εμφάνιση της λέξης.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G115: Χρήση σημασιολογικών στοιχείων για επισημείωση δομής

Εφαρμογή

Γλώσσες επισημείωσης, συμπεριλαμβανομένων των HTML 4.01, XHTML 1.x

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Σε HTML, για παράδειγμα, στοιχεία επιπέδου φράσης όπως em, abbr και cite προσθέτουν σημασιολογικές πληροφορίες εντός προτάσεων, σημειώνοντας κείμενο για έμφαση και προσδιορίζοντας συντμήσεις και παραθέματα αντίστοιχα. Η MathML, μια γλώσσα επισημείωσης που σχεδιάστηκε για να διατηρεί σημαντικές διακρίσεις μεταξύ δομής και παρουσίασης σε μαθηματικά, περιλαμβάνει ειδική επισημείωση "παρουσίασης" για τις περίπλοκες παραστάσεις που αναπαριστούν μαθηματικές ιδέες καθώς και (σημασιολογική) επισημείωση "περιεχομένου" για τις ίδιες τις μαθηματικές ιδέες.

Παραδείγματα

Παράδειγμα 1

Μια παράγραφος περιέχει έναν υπερσύνδεσμο προς άλλη σελίδα. Ο υπερσύνδεσμος έχει επισημείωση με χρήση του στοιχείου a.

Παράδειγμα κώδικα:


<p>Do you want to try our new tool yourself? A free  
demonstration version is available in our  
<a href="download.html">download section</a></p>
Παράδειγμα 2

Μια σελίδα για την ιστορία του γάμου χρησιμοποιεί ένα παράθεμα από το μυθιστόρημα της Τζέιν Όστιν, Περηφάνια και προκατάληψη, ως παράδειγμα. Η αναφορά στο βιβλίο έχει επισημείωση με χρήση του στοιχείου cite και το ίδιο το παράθεμα έχει επισημείωση με χρήση του στοιχείου blockquote.

Παράδειγμα κώδικα:


<p>Marriage was considered a logical step for a bachelor,  
as can be seen in the first chapter of the novel  
<cite>Pride and Prejudice</cite>:</p>
<blockquote>
     <p>It is a truth universally acknowledged, that a single man in
     possession of a good fortune, must be in want of a wife.</p>

     <p>However little known the feelings or views of such a man may
     be on his first entering a neighbourhood, this truth is so well
     fixed in the minds of the surrounding families, that he is considered
     the rightful property of some one or other of their daughters.</p>
</blockquote>
Παράδειγμα 3

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

Παράδειγμα κώδικα:


<h1>How to start the engine</h1>
<p>Before starting the engine, <strong>make sure the gear  
is in neutral</strong>. Next, turn the key in the ignition. 
The engine should start.</p>
Παράδειγμα 4

Αυτό το παράδειγμα δείχνει πώς χρησιμοποιούνται τα στοιχεία em και strong για να δοθεί έμφαση σε κείμενο.

Παράδειγμα κώδικα:


<p>What she <em>really</em> meant to say was,  
"This is not ok, it is <strong>excellent</strong>!"</p>
Παράδειγμα 5: Χρήση επισήμανσης και χρώματος παρασκηνίου για τον οπτικό και σημασιολογικό προσδιορισμό σημαντικών πληροφοριών.

Παράδειγμα κώδικα:


<style type="text/css">
.vocab {
background-color:cyan;
font-style:normal;
}
</style>
.......
<p>New vocabulary words are emphasized and highlighted 
with a cyan background</p>
<p>The <em class="vocab">scathing </em> review of the play 
seemed a bit too harsh. .... </p>

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Ελέγξτε εάν υπάρχουν μέρη του περιεχομένου με σημασιολογική λειτουργία.

  2. Για κάθε μέρος με σημασιολογική λειτουργία, εάν υπάρχει αντίστοιχη σημασιολογική επισημείωση στην τεχνολογία, ελέγξτε ότι το περιεχόμενο έχει σημανθεί με χρήση αυτή της σημασιολογικής επισημείωσης.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G117: Χρήση κειμένου για τη μεταφορά πληροφοριών που μεταφέρονται με παραλλαγές στην παρουσίαση του κειμένου

Εφαρμογή

Τεχνολογίες που υποστηρίζουν παραλλαγές στην οπτική παρουσίαση κειμένου.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Μια ηλεκτρονική εξέταση απαιτεί από τους σπουδαστές να γράψουν μια μικρή περίληψη ενός μεγαλύτερου εγγράφου.

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

Παράδειγμα 2: Παραλλαγές γραμματοσειράς και ρητές προτάσεις.

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Βρείτε στοιχεία όπου χρησιμοποιούνται παραλλαγές στην παρουσίαση για τη μεταφορά πληροφοριών.

  2. Για αυτά τα στοιχεία, ελέγξτε εάν οι πληροφορίες που μεταφέρονται οπτικά, δηλώνονται ρητά και σε κείμενο.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G120: Παροχή της προφοράς αμέσως μετά τη λέξη

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να καταστήσει διαθέσιμη την προφορά μιας λέξης παρέχοντας την προφορά μετά τη λέξη τουλάχιστον την πρώτη φορά που εμφανίζεται σε μια Ιστοσελίδα.

Όταν μια Ιστοσελίδα περιέχει λέξεις με την ίδια ορθογραφία αλλά διαφορετική προφορά, αυτή η τεχνική δεν είναι κατάλληλη για την παροχή της προφοράς εκτός εάν παρέχεται σε κάθε εμφάνιση.

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

Παραδείγματα

Παράδειγμα 1

Στο ακόλουθο παράδειγμα ιαπωνικού κειμένου, η πληροφορία της προφοράς των χαρακτήρων Han (Kanji) αποδίδεται σε παρένθεση αμέσως μετά το κείμενο.

Παράδειγμα κώδικα:


<p> 慶應大学 (けいおうだいがく) </p>

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε λέξη που απαιτεί πληροφορίες προφοράς:

  1. Αναζητήστε την πρώτη χρήση αυτής της λέξης στην Ιστοσελίδα.

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

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G121: Σύνδεση με προφορές

Εφαρμογή

Όλες οι τεχνολογίες που περιλαμβάνουν συνδέσμους.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1

Μια λέξη συνδέεται με την καταχώρησή της σε λεξικό που περιλαμβάνει πληροφορίες προφοράς.

Παράδειγμα 2

Μια λέξη συνδέεται με ένα αρχείο ήχου που παρέχει τη σωστή προφορά.

Παράδειγμα 3

Μια λέξη συνδέεται με την καταχώρησή της σε λεξικό προφοράς.

Παράδειγμα 4

Μια λέξη συνδέεται με την αναπαράσταση της προφοράς της στη βάση του Διεθνούς Φωνητικούς Αλφαβήτου (International Phonetic Alphabet - (IPA).

Παράδειγμα 5

Μια λέξη συνδέεται με μια μονοσήμαντη φωνητική ορθογραφία της προφοράς.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε λέξη που απαιτεί πληροφορίες προφοράς:

  1. Ελέγξτε ότι τουλάχιστον η πρώτη εμφάνιση του στοιχείου είναι σύνδεσμος.

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

Αναμενόμενα Αποτελέσματα
  • Όλοι οι έλεγχοι είναι αληθείς.


G122: Συμπερίληψη στοιχείου κειμένου όταν χρησιμοποιούνται στοιχεία χρώματος

Εφαρμογή

Όλες οι τεχνολογίες που υποστηρίζουν χρώμα και κείμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Απαιτούμενα πεδία σε φόρμα HTML

Οι οδηγίες για μια ηλεκτρονική φόρμα λένε , "Τα απαιτούμενα πεδία εμφανίζονται σε κόκκινο και έχουν την ένδειξη (required)." Το στοιχείο "(required)" περιλαμβάνεται στο στοιχείο label.

Παράδειγμα κώδικα:


<label for="lastname" class="required">Last name(required):</label>
<input id="lastname" type="text" size="25" value=""/>
.required {
color=red;
}

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε περιεχόμενο όπου χρησιμοποιούνται διαφορές χρώματος για τη μεταφορά πληροφοριών:

  1. Ελέγξτε ότι οι ίδιες πληροφορίες είναι διαθέσιμες μέσω στοιχείων κειμένου ή χαρακτήρων.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G123: Προσθήκη συνδέσμου στην αρχή ενός μπλοκ επαναλαμβανόμενου περιεχομένου για μετάβαση στο τέλος του μπλοκ

Εφαρμογή

Όλες οι τεχνολογίες που περιέχουν συνδέσμους.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Παράκαμψη συνδέσμων πλοήγησης

Οι σελίδες στον ιστότοπο ενός οργανισμού περιλαμβάνουν μια γραμμή πλοήγησης ή κύριο μενού που περιέχει συνδέσμους σε κύριες ενότητες του τόπου, τον χάρτη ιστότοπου, πληροφορίες για τον οργανισμό και τρόπους επικοινωνίας με αυτόν. Ο πρώτος σύνδεσμος σε αυτή την περιοχή έχει τίτλο "Παράκαμψη συνδέσμων πλοήγησης". Ο χρήστης ενεργοποιεί τον σύνδεσμο για παράκαμψη αυτών των συνδέσμων.

Παράδειγμα 2: Ένα ευρετήριο βιβλίου

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

Παράδειγμα 3: Μερικά σύνολα συνδέσμων

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

Παράδειγμα 4: Σελίδα HTML με πολλά μπλοκ συνδέσμων πλοήγησης

Αυτό το παράδειγμα απεικονίζει τη χρήση στοιχείων επικεφαλίδας στην αρχή κάθε ενότητας (H69) και συνδέσμους που μεταπηδούν στο τέλος της κάθε ενότητας. Αυτό επιτρέπει σε άτομα να μεταπηδούν μπλοκ επαναλαμβανόμενου περιεχομένου χρησιμοποιώντας πλοήγηση πληκτρολογίου ή χρησιμοποιώντας πλοήγηση επικεφαλίδας, ανάλογα με τις δυνατότητες των πρακτόρων χρήστη τους. Να σημειωθεί ότι ορισμένες ενότητες περιεχομένου αναδιπλώνονται μέσα σε ένα στοιχείο div για να αντιμετωπίσουν έναν περιορισμό του Internet Explorer (δείτε τις "Σημειώσεις πρακτόρων χρήστη για τη δημιουργία συνδέσμων HTML", για την παράκαμψη μπλοκ περιεχομένου (θα προστεθεί σύνδεσμος)).

Παράδειγμα κώδικα:


<p><a href="#content">Content title</a></p>
    <h2>Main Navigation</h2>
    <ul>
      <li><a href="#subnav">Sub Navigation</a></li>
      <li><a href="/a/">Link A</a></li>
      <li><a href="/b/">Link B</a></li>
      <li><a href="/c/">Link C</a></li>
...
      <li><a href="/j/">Link J</a></li>
    </ul>
    <div class="iekbfix">
      <h2 id="subnav">Sub Navigation</h2>
      <ul>
        <li><a href="#ultranav">Ultra Sub Navigation</a></li>
        <li><a href="/suba/">Sub A</a></li>
        <li><a href="/subb/">Sub B</a></li>
        <li><a href="/subc/">Sub C</a></li>
...
        <li><a href="/subj/">Sub J</a></li>
      </ul>
    </div>
    <div class="iekbfix">
      <h2 id="ultranav">Ultra Sub Navigation</h2>
      <ul>
        <li><a href="#content">Content title</a></li>
        <li><a href="/ultraa/">Ultra A</a></li>
        <li><a href="/ultrab/">Ultra B</a></li>
        <li><a href="/ultrac/">Ultra C</a></li>
...
        <li><a href="/ultraj/">Ultra J</a></li>
      </ul>
    </div>
    <div>
      <h2 id="content">Content title</h2>
      <p>Now that I have your attention...</p>
    </div>

Και το CSS

Παράδειγμα κώδικα:


div.iekbfix {
  width: 100%;
} 
  

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι ο σύνδεσμος είναι το τελευταίο στοιχείο ελέγχου με δυνατότητα επισήμανσης πριν το μπλοκ επαναλαμβανόμενου περιεχομένου ή τον πρώτο σύνδεσμο στο μπλοκ.

  2. Ελέγξτε ότι η περιγραφή του συνδέσμου δηλώνει ότι παρακάμπτει το μπλοκ.

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

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

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

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G124: Προσθήκη συνδέσμων στο πάνω μέρος της σελίδας κάθε περιοχής περιεχομένου

Εφαρμογή

Όλες οι τεχνολογίες που περιέχουν συνδέσμους

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1

Όλες οι Ιστοσελίδες σε έναν ιστότοπο ξεκινούν με τρεις συνδέσμους που εκτελούν πλοήγηση στο κύριο περιεχόμενο αυτής της Ιστοσελίδας, το πεδίο αναζήτησης και τη γραμμή πλοήγησης.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία

Για κάθε σύνδεσμο στο σύνολο συνδέσμων που παρέχονται για αυτό τον σκοπό:

  1. Ελέγξτε ότι τα μόνα στοιχεία ελέγχου στην Ιστοσελίδα που προηγούνται του συνδέσμου είναι άλλοι σύνδεσμοι στο σύνολο.

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

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

  4. Ελέγξτε ότι η ενεργοποίηση του συνδέσμου μετακινεί την επισήμανση σε αυτή την ενότητα στο περιεχόμενο.

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G125: Παροχή συνδέσμων για την πλοήγηση σε σχετικές Ιστοσελίδες

Εφαρμογή

Όλες οι τεχνολογίες που περιέχουν συνδέσμους

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να καταστήσει εφικτό για τους χρήστες τον εντοπισμό παρόμοιων πληροφοριών με την παροχή συνδέσμων σε σχετικές Ιστοσελίδες. Είναι μέρος μιας σειράς τεχνικών για τον εντοπισμό περιεχομένου που είναι επαρκείς για την εκπλήρωση του Κριτηρίου Επιτυχίας 2.4.5. Οι σύνδεσμοι είναι ένα βασικό συστατικό στοιχείο του Παγκόσμιου Ιστού. Είναι ο μηχανισμός που καθιστά τον Ιστό έναν διασυνδεδεμένο Ιστό περιεχομένου. Οι περισσότεροι συγγραφείς εφαρμόζουν αυτή την τεχνική αυτόματα όταν δημιουργούν Ιστοσελίδες.

Παραδείγματα

Παράδειγμα 1

Οι Οδηγίες για την Προσβασιμότητα του Περιεχομένου του Ιστού 2.0 (Web Content Accessibility Guidelines 2.0) περιέχουν συνδέσμους προς ορισμούς όρων που χρησιμοποιούνται στις οδηγίες και τα κριτήρια επιτυχίας, συνδέσμους προς έγγραφα που εξηγούν πώς ικανοποιούνται διαφορετικά κριτήρια επιτυχίας, έναν πίνακα περιεχομένων για κάθε ενότητα που περιέχει συνδέσμους προς διαφορετικές υποενότητες αυτής της ενότητας και Σύγκριση σημείων ελέγχου μεταξύ WCAG 1.0 και WCAG 2.0 (Comparison of WCAG 1.0 checkpoints to WCAG 2.0). Καθώς οι χρήστες εκτελούν περιήγηση στο έγγραφο, μπορούν να ακολουθήσουν αυτούς τους συνδέσμους για να βρουν σχετικές πληροφορίες.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία

Για κάθε σύνδεσμο στην Ιστοσελίδα:

  1. Ελέγξτε εάν ο σύνδεσμος οδηγεί σε σχετικές πληροφορίες.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G126: Παροχή λίστας συνδέσμων προς όλες τις άλλες Ιστοσελίδες

Εφαρμογή

Όλες οι τεχνολογίες που περιέχουν συνδέσμους

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να παράσχει μια λίστα συνδέσμων προς όλες τις Ιστοσελίδες του ιστότοπου σε κάθε Ιστοσελίδα. Είναι μια σειρά από τεχνικές εντοπισμού περιεχομένου που είναι επαρκείς για την εκπλήρωση του Κριτηρίου Επιτυχίας 2.4.5. Αυτή η τεχνική είναι αποτελεσματική μόνο για μικρές ομάδες Ιστοσελίδων. Εάν η λίστα συνδέσμων είναι μεγαλύτερη από το υπόλοιπο περιεχόμενο στην Ιστοσελίδα, ενδέχεται να καταστήσει την κατανόηση και χρήση της Ιστοσελίδας πιο δύσκολη για τους χρήστες.

Σημείωση: Να σημειωθεί ότι το κριτήριο επιτυχίας 2.4.1 απαιτεί μια τεχνική παράκαμψης αυτής της λίστας συνδέσμων.

Παραδείγματα

Παράδειγμα 1

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

Παράδειγμα 2

Ένα ηλεκτρονικό βιβλίο χωρίζεται σε ξεχωριστές Ιστοσελίδες για κάθε κεφάλαιο. Κάθε Ιστοσελίδα ξεκινά με έναν μικρό πίνακα περιεχομένων που περιέχει συνδέσμους προς όλα τα κεφάλαια του βιβλίου.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι κάθε Ιστοσελίδα περιέχει μια λίστα συνδέσμων προς άλλες Ιστοσελίδες στον ιστότοπο

  2. Ελέγξτε ότι οι σύνδεσμοι στην λίστα οδηγούν στις αντίστοιχες Ιστοσελίδες.

  3. Ελέγξτε ότι η λίστα περιέχει έναν σύνδεσμο για κάθε Ιστοσελίδα στον ιστότοπο.

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G127: Προσδιορισμός σχέσης Ιστοσελίδας με μεγαλύτερη συλλογή Ιστοσελίδων

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να επιτρέψει στους χρήστες να προσδιορίσουν τη σχέση μεταξύ της τρέχουσας Ιστοσελίδας και άλλων Ιστοσελίδων στην ίδια συλλογή (π.χ. στον ίδιο ιστότοπο). Σε ορισμένες περιπτώσεις, αυτό μπορεί να γίνει μέσω προγραμματισμού - για παράδειγμα με χρήση της παραμέτρου rel του στοιχείου link σε HTML. Σε άλλες περιπτώσεις, οι πληροφορίες παρέχονται με τη συμπερίληψη των σχετικών πληροφοριών στον τίτλο της Ιστοσελίδας.

Παραδείγματα

Παράδειγμα 1: Ο τίτλος μιας Ιστοσελίδας περιλαμβάνει το όνομα του δευτερεύοντος τόπου

Ένας μεγάλος ιστότοπος περιλαμβάνει εκπαιδευτικό υλικό και υλικό αναφοράς για αριθμό τεχνολογιών. Ο τίτλος κάθε Ιστοσελίδας περιλαμβάνει το όνομα του δευτερεύοντος τόπου, καθώς και τον οργανισμό που παράγει τον τόπο.

Παράδειγμα 2: Συμπερίληψη προσδιοριστικών πληροφοριών σε μεταδεδομένα

Μια Ιστοσελίδα περιλαμβάνει μεταδεδομένα που την προσδιορίζουν ως τον πίνακα περιεχομένων για μια συλλογή εγγράφων. Τα μεταδεδομένα για κάθε έγγραφο στη συλλογή προσδιορίζουν τη θέση του εγγράφου στη συλλογή και παρέχουν μια παραπομπή στον πίνακα περιεχομένων.

Παράδειγμα 3: Κεφάλαια σε ηλεκτρονικό εγχειρίδιο

Ένα ηλεκτρονικό εγχειρίδιο χωρίζεται σε κεφάλαια. Ο τίτλος κάθε Ιστοσελίδας περιλαμβάνει τον αριθμό και τον τίτλο του κεφαλαίου, καθώς και τον τίτλο του εγχειριδίου.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία
  1. Ελέγξτε εάν ο τίτλος της Ιστοσελίδας περιγράφει τη σχέση της Ιστοσελίδας με τη συλλογή στην οποία ανήκει.

  2. Ελέγξτε εάν η Ιστοσελίδα περιλαμβάνει μεταδεδομένα που προσδιορίζουν τη σχέση της Ιστοσελίδας με τη συλλογή στην οποία ανήκει.

Αναμενόμενα Αποτελέσματα
  • Ο έλεγχος #1 ή ο έλεγχος #2 είναι αληθής.


G128: Υπόδειξη τρέχουσας θέσης εντός γραμμών πλοήγησης

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1

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

Παράδειγμα 2

Η διάταξη μιας Ιστοσελίδας χρησιμοποιεί ένα σύνολο πλαισίων και πλαίσια. Ένα από τα πλαίσια έχει σχεδιαστεί ως πλαίσιο πλοήγησης και ένα άλλο πλαίσιο εμφανίζει το περιεχόμενο του ιστότοπου. Όταν ο χρήστης επιλέγει έναν σύνδεσμο στο πλαίσιο πλοήγησης, οι σχετικές πληροφορίες με τον σύνδεσμο εμφανίζονται εντός του πλαισίου περιεχομένου. Το κείμενο για το επιλεγμένο στοιχείο στο πλαίσιο πλοήγησης ενημερώνεται με έναν χαρακτήρα αστερίσκου, για να υποδείξει ότι αυτό είναι το επιλεγμένο θέμα.

Παράδειγμα 3

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

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Όταν το συστατικό στοιχείο πλοήγησης επαναλαμβάνεται μέσα στις Ιστοσελίδες:

  1. Ελέγξτε ότι ο χρήστης δίνει μια ένδειξη της τρέχουσας επιλογής στοιχείου μέσα στη μονάδα πλοήγησης.

  2. Ελέγξτε ότι το επιλεγμένο στοιχείο συμφωνεί με το περιεχόμενο που εμφανίζεται.

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #1 και #2 είναι αληθείς.


G130: Παροχή περιγραφικών επικεφαλίδων

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να καταστήσει περιγραφικές τις επικεφαλίδες ενοτήτων εντός του περιεχομένου Ιστού. Οι περιγραφικές επικεφαλίδες και τίτλοι (δείτε την ενότητα Παροχή τίτλων για Ιστοσελίδες (G88: Providing descriptive titles for Web pages) συνεργάζονται για να δώσουν στους χρήστες μια επισκόπηση του περιεχομένου και της οργάνωσής του. Οι περιγραφικές επικεφαλίδες προσδιορίζουν ενότητες του περιεχομένου σε σχέση τόσο με την Ιστοσελίδα ως σύνολο, όσο και με άλλες ενότητες της ίδιας Ιστοσελίδας.

Οι περιγραφικές επικεφαλίδες βοηθούν τους χρήστες να βρουν συγκεκριμένο περιεχόμενο και να προσανατολιστούν εντός της Ιστοσελίδας.

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

Παραδείγματα

Παράδειγμα 1

Μια σελίδα HTML που περιγράφει το εύρος των προπαρασκευαστικών εργασιών σε περίπτωση καταστροφής μπορεί να έχει τις ακόλουθες επικεφαλίδες:

Παράδειγμα κώδικα:


  <h1>Disaster preparation</h1>
  <h2>Flood preparation</h2>
  <h2>Fire preparation</h2>

Σημειώστε ότι οι επικεφαλίδες επιπέδου 2 έχουν τις ειδοποιείς πληροφορίες στην αρχή (π.χ., αντί για "Preparation for floods", "Preparation for fires", etc).

Παράδειγμα 2

Ένα σύντομο άρθρο σχετικά με την ιστορία μιας πόλης που εξηγεί την ίδρυση και την επέκτασή της και μετά εμβαθύνει σχετικά με την τρέχουσα κατάσταση. Ο τίτλος της Ιστοσελίδας είναι "Η ιστορία της Ourtown". Η πρώτη ενότητα ονομάζεται "Η ίδρυση της Ourtown". Η δεύτερη ενότητα ονομάζεται "Η επέκταση της Ourtown". Η τρίτη ενότητα ονομάζεται "Η Ourtown σήμερα" με τις ακόλουθες υποενότητες: "Άνθρωποι στην Ourtown", "Οργανώσεις στην Ourtown" και "Κτίρια στην Ourtown".

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Καθορίστε εάν η Ιστοσελίδα περιέχει επικεφαλίδες.

  2. Ελέγξτε εάν κάθε επικεφαλίδα προσδιορίζει την ενότητά της στο περιεχόμενο.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G131: Παροχή περιγραφικών ετικετών

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Ηλεκτρονικοί χάρτες με στοιχεία ελέγχου για μεγέθυνση και συρρίκνωση

Μια εφαρμογή Ιστού παρουσιάζει τον χάρτη μιας πόλης. Οι χρήστες μπορούν να μεγεθύνουν (zoom in) για να προβάλουν μέρος του χάρτη με μεγαλύτερη λεπτομέρεια και να σμικρύνουν (zoom out) για να εμφανίσουν μεγαλύτερο μέρος της πόλης. Η λειτουργία των στοιχείων ελέγχου εκτελείται είτε με το ποντίκι, είτε με το πληκτρολόγιο. Τα στοιχεία ελέγχου έχουν ετικέτες "Μεγέθυνση (Ctrl + Shift + L)" και "Σμίκρυνση (Ctrl + Shift + R)."

Παράδειγμα 2: Μια φόρμα που ζητά το όνομα του χρήστη

Μια φόρμα που ζητά το όνομα του χρήστη Αποτελείται από δύο πεδία εισόδου για το όνομα και το επώνυμο. Το πρώτο πεδίο έχει ετικέτα "Όνομα" και το δεύτερο "Επώνυμο".

Παράδειγμα 3: Μια φόρμα με απαιτούμενα πεδία

Μια φόρμα αγοράς περιλαμβάνει διάφορα απαιτούμενα πεδία. Πέραν του προσδιορισμού του πεδίου, η ετικέτα για κάθε απαιτούμενο πεδίο περιλαμβάνει τη λέξη "απαιτούμενο" σε παρένθεση.

Πόροι

Δεν υπάρχουν διαθέσιμοι πόροι για την τεχνική αυτή.

Δοκιμές

Διαδικασία

Για κάθε συστατικό στοιχείο διεπαφής στο περιεχόμενο:

  1. Προσδιορίστε τον σκοπό του συστατικού στοιχείου διεπαφής

  2. Ελέγξτε ότι υπάρχει κάθε απαιτούμενη ετικέτα.

  3. Ελέγξτε ότι κάθε ετικέτα κάνει σαφή τον σκοπό του συστατικού στοιχείου.

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #2 και #3 είναι αληθείς.


G133: Παροχή τετραγώνου επιλογής στην πρώτη σελίδα μιας φόρμας πολλαπλών τμημάτων που επιτρέπει σε χρήστες να ζητούν παράταση ή απενεργοποίηση του χρονικού ορίου

Εφαρμογή

Περιεχόμενο που περιλαμβάνει φόρμες πολλαπλών τμημάτων.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Ένα τετράγωνο επιλογής για να ζητηθεί συγκεκριμένη παράταση

Μια Ιστοσελίδα περιέχει το πρώτο μέρος μια φόρμας πέντε τμημάτων. Ακριβώς μετά τις γενικές οδηγίες συμπλήρωσης της φόρμας υπάρχει ένα τετράγωνο επιλογής με την ετικέτα, "Παροχή πρόσθετων 15 λεπτών για τη συμπλήρωση κάθε τμήματος της φόρμας".

Παράδειγμα 2: Αίτηση για απροσδιόριστη παράταση

Μια Ιστοσελίδα περιέχει το πρώτο μέρος μια φόρμας τριών τμημάτων. Κάθε τμήμα της φόρμας περιέχει περισσότερα από 10 στοιχεία. Μερικά στοιχεία απαιτούν από τους χρήστες να ακολουθήσουν συνδέσμους προς πρόσθετες πληροφορίες. Ακριβώς μετά τις γενικές οδηγίες συμπλήρωσης της φόρμας υπάρχει ένα τετράγωνο επιλογής με την ετικέτα, "Παροχή όσου χρόνου χρειάζομαι για τη συμπλήρωση της φόρμας". Κατανοώ ότι πρέπει να κλείσω (τερματίσω) την εφαρμογή περιήγησης Ιστού εάν επιλέξω να σταματήσω πριν συμπληρώσω το τελευταίο τμήμα της φόρμας".

Δοκιμές

Διαδικασία

Εάν η Ιστοσελίδα περιέχει το πρώτο τμήμα μιας φόρμας πολλαπλών τμημάτων:

  1. Ελέγξτε ότι η Ιστοσελίδα περιλαμβάνει ένα τετράγωνο ελέγχου για αίτηση πρόσθετου χρόνου για τη συμπλήρωση της φόρμας.

  2. Ελέγξτε ότι έχετε πρόσθετο χρόνο για τη συμπλήρωση της φόρμας εάν το τετράγωνο επιλογής έχει επιλεγεί.

Αναμενόμενα Αποτελέσματα
  1. Όλοι οι έλεγχοι είναι αληθείς.


G134: Επικύρωση Ιστοσελίδων

Εφαρμογή

Κάθε γλώσσα επισημείωσης και πολλές άλλες τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Παραδείγματα

Παράδειγμα 1: Επικύρωση HTML

Οι σελίδες HTML περιλαμβάνουν μια δήλωση τύπου εγγράφου (μερικές φορές αναφέρεται ως πρόταση !DOCTYPE) και είναι έγκυρες σύμφωνα με την έκδοση HTML που καθορίζεται από τη δήλωση τύπου εγγράφου. Ο προγραμματιστής μπορεί να χρησιμοποιήσει λειτουργίες επικύρωσης off-line ή online (δείτε την ενότητα "Πόροι" παρακάτω) για να ελέγξετε την εγκυρότητα των σελίδων HTML.

Παράδειγμα 2: Επικύρωση XML

Έγγραφα XHTML, SVG, SMIL και άλλα έγγραφα XML παραπέμπουν σε έναν ορισμό τύπου εγγράφου (Document Type Definition - DTD) σε άλλο τύπο σχήματος XML. Ο προγραμματιστής μπορεί να χρησιμοποιεί λειτουργίες επικύρωσης online ή off-line (συμπεριλαμβανομένων εργαλείων επικύρωσης μέσα σε λειτουργίες επεξεργασίας) για να ελέγξει την εγκυρότητα των εγγράφων XML.

Παράδειγμα 3: Μαζική επικύρωση με Ant

Η εργασία xmlvalidate του Apache Ant μπορεί να χρησιμοποιηθεί για μαζική επικύρωση αρχείων XML. Ο ακόλουθος στόχος Apache Ant είναι ένα απλό παράδειγμα για την επικύρωση αρχείων με την επέκταση .xml στον κατάλογο dev\\Web (σχετικά με το αρχείο έκδοσης Ant).

Παράδειγμα κώδικα:


   <target name="validate-xml">  
   <xmlvalidate lenient="no">  
   <fileset dir="dev/web" includes="*.xml" /> 
   </xmlvalidate>  
   </target>  

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

  • Το έγγραφο "Μην ξεχνάτε να προσθέσετε doctype" (Do not forget to add a doctype ) από την Πρωτοβουλία Διασφάλισης Ποιότητας (Quality Assurance Initiative) της W3C εξηγεί τι είναι τα doctype και γιατί πρέπει να τα χρησιμοποιείτε.

  • Το έγγραφο "Συνιστώμενα DTD προς χρήση στο έγγραφο Ιστού" (Recommended DTDs to use in your Web document ) από την Πρωτοβουλία Διασφάλισης Ποιότητας (Quality Assurance Initiative) της W3C είναι μια λίστα συνηθισμένων δηλώσεων.

  • Το έγγραφο "Πώς επικυρώνω τον κώδικά μου ή ελέγχω για πιθανά σφάλματα;" (How do I validate my code or check for possible errors?) περιγράφει τα εργαλεία στην ελεύθερη εφαρμογή επεξεργασίας HTML-Kit για έλεγχο HTML, CSS και XML.

Επικύρωση HTML και XHTML.

  • Η "Υπηρεσία Επικύρωσης Επισημείωσης της W3C" (The W3C Markup Validation Service ) από την Κοινοπραξία για τον Παγκόσμιο Ιστό (World Wide Web Consortium) σας επιτρέπει να επικυρώσετε αρχεία HTML και XHTML μέσω URI, μέσω αποστολής (upload) αρχείου και μέσω απευθείας εισαγωγής των πλήρων εγγράφων HTML ή XHTML. Υπάρχουν επίσης ξεχωριστές σελίδες με εκτεταμένη διεπαφή για αποστολή αρχείου και επικύρωση μέσω URI (σύνθετες επιλογές, όπως κωδικοποίηση και τύποι εγγράφων).

  • Η "Τεκμηρίωση Εγκατάστασης της Υπηρεσία Επικύρωσης Επισημείωσης της W3C" (Installation Documentation for the W3C Markup Validation Service ) εξηγεί τον τρόπο εγκατάστασης αυτής της υπηρεσίας (για παράδειγμα, για χρήση σε ενδοδίκτυο).

  • Η "HTML Validator" (HTML Validator) είναι μια γερμανική έκδοση της υπηρεσίας επικύρωσης επισημείωσης της W3C.

  • H "WDG HTML Validator" (WDG HTML Validator ) από την Web Design Group σας επιτρέπει να εισάγεται ένα URI για να επικυρώσετε μεμονωμένες σελίδες ή ολόκληρους ιστότοπους. Υπάρχουν επίσης εκδόσεις για μαζική επικύρωση ιστοσελίδων (προσδιορίζοντας ένα ή περισσότερα URI από έγγραφα HTML προς επικύρωση), με αποστολή αρχείου ή μέσω απευθείας εισαγωγής του κώδικα HTML.

  • Το "Offline HTMLHelp.com Validator" (Offline HTMLHelp.com Validator ) είναι ένα εργαλείο για χρήστες Unix. Αποτελεί την off-line έκδοση του online WDG HTML Validator.

  • Το "Offline HTML Validator - A clipbook for Note Tab" (Off-line HTML Validator – A clipbook for NoteTab ) του Καθ. Igor Podlubny είναι μια επέκταση για τη λειτουργία επεξεργασίας προγραμματισμού NoteTab. Χρησιμοποιεί την λειτουργία ανάλυσης ανοικτού κώδικα SGML του James Clark (James Clark's open-source SGML parser ), που χρησιμοποιείται επίσης από την υπηρεσία επικύρωσης επισημείωσης της W3C.

  • Το "Offline HTML Validator for Windows" (Off-line HTML Validator for Windows ) του Jan Kacur είναι άλλη μια λειτουργία επικύρωσης που βασίζεται στην λειτουργία ανάλυσης ανοικτού κώδικα SGML του James Clark. Ο πηγαίος κώδικας (σε Delphi) είναι επίσης διαθέσιμος.

  • Το "Do-it-yourself Offline HTML Validator" (Do-it-yourself Offline HTML Validator ) του Matti Tukiainen εξηγεί πώς μπορείτε να δημιουργήσετε μια απλή λειτουργία επικύρωσης με τη λειτουργία ανάλυσης ανοικτού κώδικα του James Clark σε Windows.

  • Το "Επικύρωση ολόκληρου ιστότοπου" (Validating an entire site ) του Peter Kranz εξηγεί πώς μπορείτε να εγκαταστήσετε μια τροποποιημένη έκδοση της υπηρεσίας επικύρωσης επισημείωσης της W3C που παράγει αποτελέσματα επικύρωσης όπως XML σε Mac OS. Ο πηγαίος κώδικας (σε Perl και Python) είναι διαθέσιμος.

  • Το "HTML Validator Widget" (HTML Validation Widget ) προσθέτει μια επιλογή "Επικύρωση HTML" στο μενού περιβάλλοντος του Internet Explorer και επικυρώνει το τρέχον έγγραφο HTML με το HTML Validator της Web Design Group.

  • Το έγγραφο "Μπορώ να χρησιμοποιήσω την υπηρεσία επικύρωσης επισημείωσης της W3C για την επικύρωση HTML;" (Can I use the W3C MarkUp Validation Service to validate HTML? ) εξηγεί πώς μπορείτε να επικυρώσετε HTML μέσα από την ελεύθερη λειτουργία επεξεργασίας HTML-Kit.

  • Το "HTML/XML Validator" (HTML/XML Validator) είναι ένα online εργαλείο διόρθωσης για HTML και XHTML με βάση τα Tidy και PHP 5. Είναι διαθέσιμο σε αρκετές γλώσσες αλλά δεν πρόκειται για πραγματική λειτουργία επεξεργασίας.

  • Το έγγραφο "Διορθώστε τον ιστότοπό σας με το σωστό DOCTYPE!" (Fix Your Site With the Right DOCTYPE! ) του Jeffrey Zeldman εξηγεί ποια doctypes HTML και XHTML δουλεύουν ποιο είναι το αποτέλεσμά τους στην κατάσταση απόδοσης μερικών εφαρμογών περιήγησης.

  • "Τροποποιώντας το Dreamweaver για την παραγωγή έγκυρου HTML" (Modifying Dreamweaver to Produce Valid XHTML ) της Carrie Bickner.

  • Το "XHTML-Schemata für FrontPage 2003 und Visual Studio .NET" (XHTML-Schemata für FrontPage 2003 und Visual Studio .NET) του Christoph Schneegans είναι ένα άρθρο στα γερμανικά που εξηγεί πώς τα W3C XML Schemas για XHTML 1.0 μπορούν να χρησιμοποιηθούν στα FrontPage 2003 και Visual Studio .NET για τη δημιουργία έγκυρου κώδικα.

  • Το "Nvu" (Nvu ) είναι ένα ελεύθερο και ανοικτού κώδικα εργαλείο συγγραφής Ιστού για Windows, Macintosh και Linux που μπορεί να καλέσει την υπηρεσία επικύρωσης HTML της W3C.

  • Το "Amaya" (Amaya της World Wide Web Consortium είναι ένα ελεύθερο και ανοικτού κώδικα εργαλείο συγγραφής Ιστού με υποστήριξη για HTML, XHTML, CSS, SVG και MathML που σας ειδοποιεί για σφάλματα εγκυρότητας όταν αποθηκεύετε ένα έγγραφο.

  • Το "Web Developer Extension" (Web Developer Extension ) είναι μια επέκταση για Mozilla, Firefox και Flock του Chris Pedrick που σας επιτρέπει να χρησιμοποιήσετε τις υπηρεσίες επικύρωσης για HTML και CSS της W3C.

Επικύρωση XML

  • Το "HTML/XHTML/WML/XML Validator" (HTML/XHTML/WML/XML Validator ) σας επιτρέπει να επικυρώσετε έγγραφα μέσω URI ή μέσω αποστολής αρχείου. Μια εκτεταμένη διεπαφή είναι επίσης διαθέσιμη.

  • Το "HTML/XHTML/WML/XML Validator" (HTML/XHTML/WML/XML Validator ) είναι μια γερμανική έκδοση της ίδιας λειτουργίας επικύρωσης.

  • Το "XML Validator - A Document Validation Service" (XML Validator - A Document Validation Service ) του JavaView σας επιτρέπει να ελέγξετε την καλή μορφή και εγκυρότητα αρχείων XML, με αποστολή αρχείου ή μέσω απευθείας εισαγωγής του κώδικα XML.

  • Το "XMLValidate Task" (XMLValidate Task ) του Apache Ant μπορεί να χρησιμοποιηθεί για την επικύρωση εγγράφων XML. Αυτό το εργαλείο μπορεί να χρησιμοποιηθεί για την επικύρωση ολόκληρων καταλόγων (και υποκαταλόγων) αρχείων XML.

  • Το "XML Schema Validator" (XML Schema Validator ) του Christoph Schneegans είναι ένα online εργαλείο που σας επιτρέπει να επικυρώσετε αρχεία XML (και XHTML) μέσω URI, με αποστολή αρχείου ή μέσω απευθείας εισαγωγής πλήρων εγγράφων XML, ή μέσω απευθείας εισαγωγής τμημάτων κώδικα XML. Ένα bookmarklet που σας επιτρέπει να επικυρώσετε τη σελίδα που εμφανίζεται εκείνη τη στιγμή στην εφαρμογή περιήγησης είναι επίσης διαθέσιμο. Αυτή η λειτουργία επικύρωσης υποστηρίζει ότι είναι πιο ακριβής από τη λειτουργία επικύρωσης W3C.

  • Το "XML Schema Validator" (XML Schema Validator ) της DecisionSoft είναι ένα online εργαλείο που σας επιτρέπει να επικυρώσετε ένα αρχείο XML σε σχέση με ένα σχήμα W3C XML, που μπορεί και αυτό να αποσταλεί (upload).

  • Το "STG XML Validation Form" (STG XML Validation Form ) την Scholarly Technology Group του Πανεπιστημίου Brown σας επιτρέπει να επικυρώσετε αρχεία XML μέσω URI, με αποστολή αρχείου ή μέσω απευθείας εισαγωγής πλήρων εγγράφων XML.

  • Το "NetBeans: Δουλεύοντας με XML, Μέρος 1" (NetBeans: Working with XML, Part 1 και το "NetBeans: Δουλεύοντας με XML, Μέρος 2" (NetBeans: Working with XML, Part 2) του Tim Boudreau κ.α., εξηγεί πώς ενεργοποιείται η υποστήριξη XML, την επικύρωση και άλλες σχετικές λειτουργίες στο πλαίσιο ανοικτού κώδικα NetBeans. .

  • Το Schema Validator: είναι μια λειτουργία επικύρωσης που σας επιτρέπει να επικολλήσετε κώδικα XML και W3C XML Schema μέσα σε πλαίσια κειμένου για την επικύρωση κώδικα XML.

  • Το XML Nanny: είναι ένα γραφικό εργαλείο επικύρωσης XML και XHTML, με υποστήριξη για DTD, W3C XML Schema, RELAX NG και Schematron (Max OX X).

Σημειώστε ότι πολλές λειτουργίες επεξεργασίας προγραμματισμού, λειτουργίες επεξεργασίας XML και ολοκληρωμένα περιβάλλοντα ανάπτυξης (integrated development environment - IDE) μπορούν να επικυρώσουν αρχεία XML. Αυτά περιλαμβάνουν τα ακόλουθα ελεύθερα ή/και ανοικτού κώδικα εργαλεία:

  • τη λειτουργία επεξεργασίας προγραμματισμού JEdit με τις πρόσθετες λειτουργίες XML και SideKick, που υποστηρίζουν DTD και σχήματα W3C XML,

  • τον "πάγκο εργασίας" Eclipse με την πλατφόρμα εργαλείων Ιστού (Web Tools Platform ),

  • το εργαλείο συγγραφής Ιστού SCREEM για το περιβάλλον εργασίας Gnome που υποστηρίζει τα DTD,

  • τη λειτουργία επεξεργασίας XML Jaxe που επικυρώνει αρχεία XML με Apache Xerces,

  • τη λειτουργία επεξεργασίας XML Xerlin που υποστηρίζει τα DTD και σε κάποιο βαθμό το σχήμα W3C XML,

  • τη λειτουργία επεξεργασίας XML xmloperator που υποστηρίζει τα DTD και σχήματα RELAX NG,

  • Emacs σε κατάσταση nXML (δείτε την ενότητα YahooGroup Emacs nXML Mode ),

  • τη λειτουργία επεξεργασίας XML Pollo, που υποστηρίζει τα DTD, σχήματα W3C XML και RELAX NG, είναι η πιο κατάλληλη για δενδροειδή αρχεία XML.

Επικύρωση CSS

  • Η "Υπηρεσία επικύρωσης CSS της W3C" (The W3C CSS Validation Service ) σας επιτρέπει να επικυρώνετε αρχεία CSS μέσω URI, με αποστολή αρχείου ή μέσω απευθείας εισαγωγής του κώδικα CSS.

  • Η "Υπηρεσία επικύρωσης CSS της W3C" (The W3C CSS Validation Service: Validate by URI) είναι μια εκτεταμένη διεπαφή που σας επιτρέπει να καθορίσετε ένα φύλλο στυλ CSS ή μια σελίδα HTML με CSS, να καθορίσετε το προφίλ CSS και το μέσο, και να επιλέξετε τους τύπους προειδοποιήσεων που θα πρέπει να εμφανιστούν.

  • Το CSSCheck από τη Web Design Group σας επιτρέπει να επικυρώσετε αρχεία CSS μέσω URI και μέσω απευθείας εισαγωγής του κώδικα CSS. Σημειώστε ότι πρόκειται κυρίως για λειτουργία ελέγχου CSS 1.

  • Το CSSCheckUp της Web Design Group σας επιτρέπει να επικυρώσετε αρχεία CSS μέσω αποστολής αρχείου. Σημειώστε ότι πρόκειται κυρίως για λειτουργία ελέγχου CSS 1.

  • Η "Λειτουργία επικύρωσης CSS (Επάλληλα Φύλλα Στυλ)" (CSS (Cascading Style Sheets) Validator ) σας επιτρέπει να επικυρώνετε αρχεία CSS μέσω URI.

  • Off-line CSS Validator - Πρόχειρες Σελίδες για το NoteTab (Off-line CSS Validator - A clipbook for NoteTab)

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία

Για τεχνολογίες HTML, SGML και XML:

  1. Φορτώστε κάθε σελίδα ή έγγραφο στη λειτουργία ανάλυσης για επικύρωση.

  2. Ελέγξτε ότι δεν βρέθηκαν σφάλματα επικύρωσης.

Για CSS:

  1. Φορτώστε κάθε εξωτερικό ή εσωτερικό φύλλο στυλ σε μια λειτουργία επεξεργασίας CSS.

  2. Ελέγξτε ότι δεν βρέθηκαν σφάλματα επικύρωσης.

Για άλλες τεχνολογίες:

Ακολουθήστε τη διαδικασία επικύρωσης που καθορίζει η τεχνολογία σε χρήση, εάν υπάρχει.

Αναμενόμενα Αποτελέσματα

Για τεχνολογίες HTML, SGML και XML:

Το βήμα #2 είναι αληθές.

Για CSS:

Το βήμα #2 είναι αληθές.


G135: Χρήση των χαρακτηριστικών προσβασιμότητας ΑΡΙ μιας τεχνολογίας για έκθεση ονόματος και ρόλου, δυνατότητα απευθείας ρύθμισης ιδιοτήτων που ορίζονται από τον χρήστη και παροχή ειδοποίησης για αλλαγές

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Παραδείγματα

Παράδειγμα 1
  • Μια Ιστοσελίδα χρησιμοποιεί java για τη δημιουργία ενός applet. Χρησιμοποιούνται αντικείμενα Java swing (π.χ., pushbutton) διότι έχουν ενσωματωμένες ιδιότητες προσβασιμότητας, στις οποίες μπορεί να έχει πρόσβαση υποστηρικτική τεχνολογία γραμμένη σε Java και, με το Java Access Bridge, όσες είναι γραμμένες σε άλλες γλώσσες που χρησιμοποιούν το API προσβασιμότητας του λειτουργικού συστήματος. Ο συγγραφέας συμπληρώνει τις τιμές για τα συστατικά μέρη και το αποτέλεσμα είναι προσβάσιμο από AT.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία
  1. Αποδώστε το περιεχόμενο χρησιμοποιώντας προσβάσιμο πράκτορα χρήστη

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

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

Αναμενόμενα Αποτελέσματα
  • Το βήμα #3 είναι αληθές για κάθε συστατικό στοιχείο διεπαφής χρήστη


G136: Παροχή συνδέσμου στην αρχή μιας μη συμμορφούμενης Ιστοσελίδας που αναφέρεται σε μια συμμορφούμενη εναλλακτική έκδοση

Εφαρμογή

Το πρωταρχικό περιεχόμενο δεν συμμορφώνεται με το WCAG αλλά υπάρχουν εναλλακτικές εκδόσεις που συμμορφώνονται με το WCAG. Αυτή η τεχνική μπορεί να χρησιμοποιηθεί μόνο εάν μια τεχνολογία καθιστά εφικτή τη δημιουργία ενός προσβάσιμου συνδέσμου προς μια εναλλακτική έκδοση.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να επιτρέψει σε χρήστες να έχουν πρόσβαση σε εναλλακτικό περιεχόμενο που συμμορφώνεται με το WCAG εάν το πρωταρχικό περιεχόμενο, ή το προεπιλεγμένο περιεχόμενο που οι χρήστες συναντούν κατά την επίσκεψή τους σε συγκεκριμένο URI, δεν συμμορφώνεται. Η εναλλακτική σελίδα ή η συμμορφούμενη εναλλακτική έκδοση, ενδέχεται να πραγματοποιούν ορισμένους συμβιβασμούς στο σχεδιασμό ή τη λειτουργικότητα προκειμένου να συμμορφώνονται, αλλά πρέπει να συμφωνούν με τις απαιτήσεις που περιγράφονται στον ορισμό προκειμένου να είναι μια συμμορφούμενη εναλλακτική έκδοση. Ο ορισμός της "συμμορφούμενης εναλλακτικής έκδοσης" είναι:

συμμορφούμενη εναλλακτική έκδοση

έκδοση που

  1. συμμορφώνεται στο ενδεδειγμένο επίπεδο και

  2. παρέχει όλες τις ίδιες πληροφορίες και τη λειτουργικότητα (functionality) στην ίδια ανθρώπινη γλώσσα (human language) και

  3. είναι εξίσου ενημερωμένη με το μη συμμορφούμενο περιεχόμενο και

  4. για την οποία, τουλάχιστον ένα από τα παρακάτω ισχύει:

    1. η συμμορφούμενη έκδοση μπορεί να προσεγγιστεί από τη μη συμμορφούμενη σελίδα μέσω ενός μηχανισμού (mechanism) υποστήριξης προσβασιμότητας (accessibility-supported) ή

    2. η μη συμμορφούμενη έκδοση μπορεί να προσεγγιστεί μόνο από τη συμμορφούμενη έκδοση ή

    3. η μη συμμορφούμενη έκδοση μπορεί να προσεγγιστεί μόνο από μια συμμορφούμενη σελίδα που παρέχει επίσης έναν μηχανισμό για την προσέγγιση της συμμορφούμενης έκδοσης

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

Σημείωση 2:Η εναλλακτική έκδοση δεν χρειάζεται να συμφωνεί πλήρως με την αρχική (π.χ. η συμμορφούμενη εναλλακτική έκδοση μπορεί να αποτελείται από πολλαπλές σελίδες).

Σημείωση 3:Εάν είναι διαθέσιμες εκδόσεις πολλαπλών γλωσσών, τότε οι συμμορφούμενες εναλλακτικές εκδόσεις απαιτούνται για κάθε προσφερόμενη γλώσσα.

Σημείωση 4:Ενδέχεται να παρέχονται εναλλακτικές εκδόσεις για την εξυπηρέτηση διαφορετικής τεχνολογίας περιβαλλόντων ή ομάδων χρηστών. Κάθε έκδοση θα πρέπει να παρέχει όσο το δυνατόν μεγαλύτερη συμμόρφωση. Μία έκδοση θα χρειάζεται να είναι πλήρως συμμορφούμενη προκειμένου να ικανοποιεί την απαίτηση συμμόρφωσης 1 (conformance requirement 1).

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

Σημείωση 6:Οι εναλλακτικές εκδόσεις δεν θα πρέπει να συγχέονται με συμπληρωματικό περιεχόμενο (supplementary content), το οποίο υποστηρίζει την αρχική σελίδα και ενισχύει το επίπεδο κατανόησης.

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

Δείτε την ενότητα Κατανόηση Συμμορφούμενων εναλλακτικών εκδόσεων (Understanding Conforming Alternate Versions)

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

Παραδείγματα

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

Δοκιμές

Διαδικασία
  1. Προσδιορίστε μια σελίδα που δεν συμμορφώνεται με το WCAG στο δηλωμένο επίπεδο συμμόρφωσης 1.

  2. Καθορίστε εάν η σελίδα περιέχει έναν σύνδεσμο προς συμμορφούμενη εναλλακτική έκδοση της σελίδας.

  3. Καθορίστε εάν η εναλλακτική έκδοση είναι μια συμμορφούμενη εναλλακτική έκδοση (conforming alternate version) της αρχικής σελίδας και ότι συμμορφώνεται με το WCAG 2.0 στο δηλωμένο επίπεδο συμμόρφωσης.

Αναμενόμενα Αποτελέσματα
  • Τα #2 και #3 είναι και τα δύο αληθή


G138: Χρήση σημασιολογικής επισημείωσης όταν χρησιμοποιούνται στοιχεία χρώματος

Εφαρμογή

Όλες οι τεχνολογίες που υποστηρίζουν χρώμα και κείμενο.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Οι περισσότεροι πράκτορες χρήστη θα διακρίνουν οπτικά κείμενο που έχει προσδιοριστεί με σημασιολογική επισημείωση. Μερικές υποστηρικτικές τεχνολογίες παρέχουν έναν μηχανισμό καθορισμού των χαρακτηριστικών περιεχομένου που έχουν δημιουργηθεί με χρήση της κατάλληλης σημασιολογικής επισημείωσης.

Παραδείγματα

Παράδειγμα 1: Χρώμα και μεγάλη έμφαση για απαιτούμενα πεδία φόρμας

Μια HTML φόρμα περιέχει αρκετά απαιτούμενα πεδία. Οι ετικέτες για τα απαιτούμενα πεδία εμφανίζονται σε κόκκινο. Επιπλέον, το κείμενο σε κάθε ετικέτα επισημαίνεται με το στοιχείο STRONG για μεγαλύτερη έμφαση. Οι οδηγίες για τη συμπλήρωση της φόρμας υποδεικνύουν ότι "όλα τα απαιτούμενα πεδία εμφανίζονται με κόκκινο και δίνεται έμφαση σε αυτά" και ακολουθούνται από παράδειγμα.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία

Για κάθε περιεχόμενο όπου χρησιμοποιούνται διαφορές χρώματος για τη μεταφορά πληροφοριών:

  1. Ελέγξτε ότι οι ίδιες πληροφορίες είναι διαθέσιμες μέσω σημασιολογικής επισημείωσης.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G139: Δημιουργία μηχανισμού που επιτρέπει σε χρήστες να μεταπηδούν σε σφάλματα

Εφαρμογή

Περιεχόμενο που αποδέχεται δεδομένα εισόδου χρήστη, με περιορισμούς στη μορφή, την τιμή ή/και τον τύπο των δεδομένων εισόδου.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1: Έλεγχος σφαλμάτων στην πλευρά του διακομιστή

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

Παράδειγμα 2: Έλεγχος σφαλμάτων στην πλευρά του πελάτη με αναδυόμενο

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

Παράδειγμα 3: Έλεγχος σφαλμάτων στην πλευρά του πελάτη χωρίς αναδυόμενο

Όταν ο χρήστης υποβάλλει μια φόρμα, αντί να μεταφερθεί σε μια νέα σελίδα ένα αρχείο εντολών ορίζει αυτόματα την επισήμανση σε έναν σύνδεσμο κειμένου με την ένδειξη "Παρουσιάστηκαν σφάλματα." Ο σύνδεσμος μεταβαίνει στο πρώτο στοιχείο σε μια ταξινομημένη λίστα περιγραφικών μηνυμάτων σφάλματος." Κάθε στοιχείο λίστας έχει έναν σύνδεσμο προς το στοιχείο ελέγχου όπου προέκυψε το σφάλμα. Και υπάρχει ένας σύνδεσμος από το σφάλμα προς την ταξινομημένη λίστα περιγραφικών μηνυμάτων σφάλματος. Η διαδικασία επαναλαμβάνεται όπως είναι απαραίτητο.

Δοκιμές

Διαδικασία
  1. Συμπληρώστε μια φόρμα, αφήνοντας εκουσίως κενά ένα ή περισσότερα απαιτούμενα (υποχρεωτικά) πεδία και κάντε ένα σφάλμα εισόδου σε ένα άλλο πεδίο και υποβάλετε τη φόρμα.

  2. Ελέγξτε ότι ένα μήνυμα κειμένου παρέχεται που προσδιορίζει το πεδίο από το οποίο απουσιάζουν απαραίτητα δεδομένα.

  3. Ελέγξτε ότι ένα μήνυμα κειμένου παρέχεται που προσδιορίζει το πεδίο με το σφάλμα εισόδου.

  4. Ελέγξτε ότι υπάρχει ένας σύνδεσμος σε κάθε πεδίο όπου απουσιάζουν απαραίτητα δεδομένα από το μήνυμα δεδομένων που απουσιάζουν.

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

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

Αναμενόμενα Αποτελέσματα
  • Εάν το #2 είναι αληθές, τότε το #4 είναι αληθές.

  • Εάν το #3 είναι αληθές, τότε το #5 είναι αληθές.


G140: Διαχωρισμός πληροφοριών και δομής από την παρουσίαση για να επιτρέπονται διαφορετικές παρουσιάσεις

Εφαρμογή

Κάθε τεχνολογία

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Ακολουθώντας αυτήν την τεχνική επιτρέπεται στους πράκτορες χρήστη:

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

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

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

Παραδείγματα

Παράδειγμα 1: HTML με CSS

Ένα έγγραφο HTML χρησιμοποιεί τα δομικά χαρακτηριστικά της HTML, όπως παραγράφους, λίστες, επικεφαλίδες κ.λπ. και αποφεύγει χαρακτηριστικά παρουσίασης όπως αλλαγές γραμματοσειράς, υποδείξεις διάταξης κ.λπ.. Το CSS χρησιμοποιείται για τη μορφοποίηση του εγγράφου με βάση τις δομικές του ιδιότητες. Παράμετροι κλάσης που έχουν σωστή μορφή στην HTML, επεκτείνουν τη σημασιολογία της δομικής επισημείωσης εάν χρειάζεται να επιτραπεί πιο ευέλικτη μορφοποίηση με το CSS. Υποστηρικτικές τεχνολογίες μπορούν να υποκαταστήσουν ή επεκτείνουν το CSS για την τροποποίηση της παρουσίασης ή να αγνοήσουν το CSS και να αλληλεπιδράσουν απευθείας με τη δομική κωδικοποίηση.

Παράδειγμα 2: Tagged PDF

Ένα έγγραφο PDF αποτελείται κυρίως από το περιεχόμενο στο οποίο έχουν ενσωματωθεί πληροφορίες μορφοποίησης. Πληροφορίες σχετικά με τη δομή παρέχονται σε μια ξεχωριστή ενότητα του εγγράφου χρησιμοποιώντας ετικέτες μορφής XML. Αυτό ονομάζεται "tagged PDF". Οι πληροφορίες σε αυτές τις ετικέτες μπορούν να χρησιμοποιούνται από υποστηρικτικές τεχνολογίες για την υιοθέτηση της παρουσίασης ή την κατανόηση της δομής που υπονοείται από την παρουσίαση.

Δοκιμές

Διαδικασία
  1. Εξετάστε την κωδικοποίηση ενός εγγράφου.

  2. Ελέγξτε ότι οι δομικές πληροφορίες και η λειτουργικότητα παρέχοντα ρητά και διαχωρίζονται λογικά από τις πληροφορίες παρουσίασης.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G141: Οργάνωση σελίδας χρησιμοποιώντας επικεφαλίδες

Εφαρμογή

Σελίδες με περιεχόμενο οργανωμένο σε ενότητες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Στην HTML, αυτό θα γίνεται χρησιμοποιώντας τα στοιχεία επικεφαλίδας HTML (h1, h2, h3, h4, h5 και h6). Αυτά επιτρέπουν στους πράκτορες χρήστη να προσδιορίζουν αυτόματα τις επικεφαλίδες ενότητας. Άλλες τεχνολογίες κάνουν χρήση άλλων τεχνικών για τον προσδιορισμό επικεφαλίδων. Για τη διευκόλυνση της πλοήγησης και κατανόησης της συνολικής δομής του εγγράφου, οι συγγραφείς θα πρέπει να χρησιμοποιούν επικεφαλίδες που είναι κατάλληλα ένθετες (π.χ. η h1 ακολουθείται από την h2, η h2 ακολουθείται από την h3, η h3 ακολουθείται από την h4 κ.ο.κ.).

Παραδείγματα

Παράδειγμα 1: Κεφαλίδες που χρησιμοποιούνται για την οργάνωση μιας σελίδας HTML

Μια σελίδα με τεχνικές μαγειρικής χρησιμοποιεί ένα στοιχείο h1 για τον συνολικό τίτλο και στοιχεία h2 για τις κύριες ενότητες σχετικά με τη μαγειρική με λάδι αντί για βούτυρο και στοιχεία h3 για υποενότητες που αφορούν σε τεχνικές μαγειρικής με λάδι.

Παράδειγμα κώδικα:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cooking techniques</title>  
</head>
<body>
<h1>Cooking techniques</h1>     
... some text here ...
<h2>Cooking with oil</h2> 
... text of the section ...
<h3>Sautéeing</h3>
....
<h3>Deep frying</h3>
<h2>Cooking with butter</h2>       
... text of the section ...
</body>
</html>

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Εξετάστε μια σελίδα με περιεχόμενο οργανωμένο σε ενότητες.

  2. Ελέγξτε ότι υπάρχει μια επικεφαλίδα για κάθε ενότητα.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G142: Χρήση τεχνολογίας που έχει κοινά διαθέσιμους πράκτορες χρήστη που υποστηρίζουν τη μεγέθυνση

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Σημειώσεις υποστήριξης πράκτορα χρήστη και υποστηρικτικής τεχνολογίας

Η λειτουργία μεγέθυνση (Zoom) στον IE 7.0 δεν κλιμακώνει πάντα ομοιόμορφα όταν χρησιμοποιείται απόλυτη τοποθέτηση και η σελίδα συρρικνώνεται. Ο Microsoft Internet Explorer 7.0 υποστηρίζει τόσο αλλαγές μεγέθυνσης, όσο και μεγέθους κειμένου για γραμματοσειρές που ορίζονται με %, em ή γνωστά μεγέθη.

Ο Opera 9 υποστηρίζει λειτουργία μεγέθυνσης.

Ο Firefox 2 και παλαιότερες εκδόσεις υποστηρίζουν μόνο αλλαγές μεγέθους κειμένου, αλλά μπορεί να αλλάξει το μέγεθος γραμματοσειρών pt και px, καθώς και τα %, em και γνωστά μεγέθη.

Ο Firefox 3 υποστηρίζει τόσο αλλαγές μεγέθυνσης, όσο και μεγέθους κειμένου.

Περιγραφή

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

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

Αυτή η τεχνική απαιτεί η λειτουργία μεγέθυνσης να διατηρεί όλες τις χωρικές σχέσεις στη σελίδα και όλη η λειτουργικότητα συνεχίζει να είναι διαθέσιμη.

Παραδείγματα

  • Ο Internet Explorer 7 και ο Opera 9 παρέχουν μια λειτουργία μεγέθυνσης που κλιμακώνει ομοιόμορφα περιεχόμενο σελίδας HTML/CSS.

  • Για να επιτραπεί σε χρήστες να αλλάξουν το μέγεθος κειμένου, το Adobe Reader παρέχει ένα εργαλείο μεγέθυνσης που κλιμακώνει ομοιόμορφα τις σελίδες PDF.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία
  1. Εμφάνιση περιεχομένου σε πράκτορα χρήστη.

  2. Μεγέθυνση περιεχομένου σε 200%

  3. Ελέγξτε εάν όλο το περιεχόμενο και οι λειτουργίες είναι διαθέσιμα

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #3 είναι αληθές.


G143: Παροχή εναλλακτικού κειμένου που περιγράφει τον σκοπό του CAPTCHA

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι η παροχή πληροφοριών μέσω του εναλλακτικού κειμένου που προσδιορίζει το μη κειμενικό περιεχόμενο καθώς ο "Πλήρως αυτοματοποιημένος δημόσιος έλεγχος Turing που διακρίνει ανάμεσα στους υπολογιστές και τους ανθρώπους" (CAPTCHA) ζητά συχνά από τον χρήστη να πληκτρολογήσει κείμενο που παρουσιάζεται σε μια παραμορφωμένη εικόνα ή ηχητικό αρχείο. Από το εναλλακτικό κειμένου, ο χρήστης είναι σε θέση να γνωρίζει ότι ο CAPTCHA απαιτεί την ολοκλήρωση μιας εργασίας και για τι τύπο εργασίας πρόκειται.

Όταν μια εναλλακτική έκδοση ενός CAPTCHA είναι διαθέσιμη, το εναλλακτικό κειμένου θα πρέπει να περιλαμβάνει οδηγίες για τον τρόπο εύρεσης της εναλλακτικής έκδοσης.

Παραδείγματα

  • Ένας έλεγχος CAPTCHA ζητά από τον χρήστη να πληκτρολογήσει κείμενο που εμφανίζεται σε μια παραμορφωμένη εικόνα. Το εναλλακτικό κειμένου είναι "Πληκτρολογήστε τη λέξη της εικόνας".

  • Ένας έλεγχος CAPTCHA ζητά από τον χρήστη να πληκτρολογήσει κείμενο που αναπαράγεται σε ένα ηχητικό αρχείο. Το εναλλακτικό κειμένου είναι "Πληκτρολογήστε τα γράμματα που ακούγονται στο αρχείο".

Δοκιμές

Διαδικασία
  1. Αφαιρέστε, αποκρύψτε ή καλύψτε τον CAPTCHA.

  2. Αντικαταστήστε με το εναλλακτικό κειμένου.

  3. Ελέγξτε ότι το εναλλακτικό κειμένου περιγράφει τον σκοπό του CAPTCHA.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #3 είναι αληθές.


G144: Διασφάλιση ότι η ιστοσελίδα περιέχει άλλο CAPTCHA που εξυπηρετεί τον ίδιο σκοπό χρησιμοποιώντας διαφορετικό τρόπο αλληλεπίδρασης

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

  • Μια Ιστοσελίδα που περιλαμβάνει έναν έλεγχο CAPTCHA πρέπει να ολοκληρωθεί επιτυχώς πριν ο χρήστης να προχωρήσει στο επόμενο βήμα μιας διαδικασίας. Η σελίδα περιλαμβάνει τόσο μια οπτική εργασία, όπως πληκτρολόγηση λέξεων που εμφανίζονται σε μια εικόνα, αλλά και ηχητική εργασία, όπως πληκτρολόγηση λέξεων που ακούγονται σε ένα ηχητικό αρχείο. Ένας χρήστης με αναπηρία ακοής που δεν μπορεί να ολοκληρώσει επιτυχώς τον ηχητικό έλεγχο CAPTCHA, ενδέχεται να είναι σε θέση να ολοκληρώσει έναν έλεγχο βίντεο CAPTCHA.

  • Μια φόρμα σχολίων ιστολογίου περιλαμβάνει έναν οπτικό CAPTCHA που πρέπει να συμπληρωθεί πριν ο χρήστης υποβάλει σχόλια. Επιπλέον του οπτικού CAPTCHA, περιλαμβάνει έναν CAPTCHA με ένα πεδίο φόρμας που κάνει την ερώτηση, "Πόσο κάνει δύο συν επτά;", με ένα πεδίο καταχώρησης κειμένου που επιτρέπει στους χρήστες να εισάγουν τη σωστή απάντηση.

Δοκιμές

Διαδικασία

Για κάθε CAPTCHA σε μια Ιστοσελίδα

  1. Διασφάλιση ότι η Ιστοσελίδα περιέχει άλλο CAPTCHA που εξυπηρετεί τον ίδιο σκοπό χρησιμοποιώντας διαφορετικό τρόπο.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #1 είναι αληθές.


G145: Διασφάλιση ότι η αναλογία αντίθεσης φωτεινότητας είναι τουλάχιστον 3:1 μεταξύ κειμένου (και εικόνες κειμένου) και παρασκηνίου πίσω από το κείμενο

Εφαρμογή

Κάθε τεχνολογία με οπτικά δεδομένα εξόδου

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να εξασφαλίσει ότι οι χρήστες μπορούν να διαβάσουν κείμενο που τους παρουσιάζεται πάνω σε παρασκήνιο. Αυτή η τεχνική καθιστά πιο ήπια την απαίτηση για αναλογία αντίθεσης 4,5:1 για κείμενο που είναι τουλάχιστον 18 στιγμές (όχι σε έντονη γραφή) ή τουλάχιστον 14 στιγμές (έντονη γραφή).

Εάν το παρασκήνιο είναι ένα συμπαγές χρώμα (όλο μαύρο ή όλο λευκό), τότε η αναλογία αντίθεσης του κειμένου μεγαλύτερης κλίμακας μπορεί να διατηρηθεί διασφαλίζοντας ότι κάθε γράμμα του κειμένου έχει 3:1 αναλογία αντίθεσης με το παρασκήνιο.

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

Η αναλογία αντίθεσης μπορεί συχνά να διατηρηθεί με αλλαγή της σχετικής φωτεινότητας των γραμμάτων καθώς η σχετική φωτεινότητα του παρασκηνίου αλλάζει σε όλη τη σελίδα.

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

Παραδείγματα

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

    Κείμενο μεγαλύτερης κλίμακας έχει τοποθετηθεί πάνω από εικόνα των χώρων (campus) του κολλεγίου. Εφόσον εμφανίζεται μια μεγάλη ποικιλία χρωμάτων και βαθμών σκοτεινότητας στην εικόνα, η περιοχή πίσω από το κείμενο παίρνει ένα θολό λευκό χρώμα, τέτοιο που η εικόνα είναι πολύ αχνή και ο μέγιστος βαθμός σκοτεινότητας είναι και πάλι αρκετά ανοικτός για τη διατήρηση της αναλογίας αντίθεσης 3:1 με το μαύρο κείμενο γραμμένο πάνω στην εικόνα

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

(καμία δεν εμπεριέχεται στη λίστα)

Δοκιμές

Διαδικασία
  1. Μετρήστε τη σχετική φωτεινότητα για κάθε γράμμα (εκτός εάν είναι όλα ομοιόμορφα) χρησιμοποιώντας τον τύπο:

    • L = 0.2126 * R + 0.7152 * G + 0.0722 * B όπου τα R, G και B καθορίζονται ως εξής:

      • εάν RsRGB <= 0.03928 τότε R = RsRGB/12.92, διαφορετικά R = ((RsRGB+0.055)/1.055) ^ 2.4

      • εάν GsRGB <= 0.03928 τότε G = GsRGB/12.92, διαφορετικά G = ((GsRGB+0.055)/1.055) ^ 2.4

      • εάν BsRGB <= 0.03928 τότε B = BsRGB/12.92, διαφορετικά B = ((BsRGB+0.055)/1.055) ^ 2.4

      και τα RsRGB, GsRGB και BsRGB καθορίζονται ως εξής:

      • RsRGB = R8bit/255

      • GsRGB = G8bit/255

      • BsRGB = B8bit/255

      Ο χαρακτήρας "^" είναι ο τελεστής ύψωσης σε δύναμη.

    Σημείωση: Για aliased γράμματα, χρησιμοποιήστε τη σχετική φωτεινότητα που εντοπίζεται στα δύο pixel μέσα από την άκρη του γράμματος.

  2. Μετρήστε τη σχετική φωτεινότητα των pixel παρασκηνίου ακριβώς μετά το γράμμα χρησιμοποιώντας τον ίδιο τύπο.

  3. Μετρήστε την αναλογία αντίθεσης χρησιμοποιώντας τον ίδιο τύπο.

    • (L1 + 0.05) / (L2 + 0.05), όπου

      • Το L1 είναι η σχετική φωτεινότητα (relative luminance) του πιο ανοικτού από τα χρώματα προσκηνίου ή παρασκηνίου και

      • L2 είναι η σχετική φωτεινότητα (relative luminance) του πιο σκούρου από τα χρώματα προσκηνίου ή παρασκηνίου.

  4. Ελέγξτε ότι η αναλογία αντίθεσης είναι ίση ή μεγαλύτερη από 3:1

Αναμενόμενα Αποτελέσματα
  • Το #4 είναι αληθές


G146: Χρήση υγρής διάταξης

Εφαρμογή

Εφαρμόζεται σε όλες τις τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Οι βασικές αρχές υγρών διατάξεων είναι:

  1. Ορίστε το μέγεθος των περιοχών διάταξης χρησιμοποιώντας μονάδες που θα προκαλούν σχετική προς το κείμενο κλιμάκωση της περιοχής, έτσι ώστε να μεγεθύνονται ή να συρρικνώνονται καθώς το κείμενο μεγεθύνεται ή συρρικνώνεται.

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

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

Παραδείγματα

Παράδειγμα 1: Απλή υγρή διάταξη σε HTML και CSS

Το ακόλουθο σχετικά απλό παράδειγμα, χρησιμοποιεί HTML και CSS για τη δημιουργία μιας υγρής διάταξης. Οι τρεις στήλες ρυθμίζουν το μέγεθός τους καθώς ρυθμίζεται το μέγεθος κειμένου. Όταν το συνολικό οριζόντιο πλάτος υπερβεί το διαθέσιμο πλάτος των στηλών, η τελευταία στήλη αναδιπλώνει για να τοποθετηθεί κάτω από την προηγούμενη στήλη, αντί στο πλάι. Το μέγεθος γραμματοσειράς μπορεί να αυξηθεί χωρίς αποκοπή ή εισαγωγή οριζόντιας κύλισης, έως ότου η μεγαλύτερη λέξη να μην ταιριάζει πλέον σε μια στήλη. Αυτό το συγκεκριμένο παράδειγμα χρησιμοποιεί ποσοστό μεγέθους για τις στήλες και τις ορίζει ως κινητές περιοχές μέσω της ιδιότητας "float".

Παράδειγμα κώδικα:

   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Example of Basic Liquid Layout</title>
<style type="text/css">

.column
	{
	border-left: 1px solid green;
	padding-left:1%;
	float: left;
	width: 32%;
	}
#footer
	{
	border-top: 1px solid green;
	clear: both;
	}
</style>

</head>
<body>
   <h1>WCAG Example</h1>
   <h2>Text in Three Columns</h2>
      <div title="column one" class="column">
        <h3>Block 1</h3>
        <p> The objective of this technique is to be able to present content 
            without introducing horizontal scroll bars by using layout 
            techniques that adapt to the available horizontal space.
        </p>
      </div>

      <div title="column two" class="column">
        <h3>Block 2</h3>
        <p> This is a very simple example of a page layout that adapts as the
            text size changes.
        </p>
      </div>

      <div title="column three" class="column">
      <h3>Block 3</h3>
        <p> For techniques that support more complex page layouts, see the
            Resources listed below.
        </p>
      </div>

      <p id="footer">Footer text</p>
</body>
</html> 

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Εμφάνιση περιεχομένου σε πράκτορα χρήστη.

  2. Αύξηση του μεγέθους κειμένου σε 200%.

  3. Ελέγξτε εάν όλο το περιεχόμενο και οι λειτουργίες είναι διαθέσιμα χωρίς οριζόντια κύλιση.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #3 είναι αληθές.


G148: Μη προσδιορισμός χρώματος παρασκηνίου, μη προσδιορισμός χρώματος κειμένου και μη χρήση τεχνολογικών χαρακτηριστικών που αλλάζουν αυτές τις προεπιλογές

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Παραδείγματα

Παράδειγμα 1

Παράδειγμα 1: Ο συγγραφέας δεν καθορίζει ούτε χρώμα κειμένου, ούτε παρασκήνιο. Επίσης, δεν χρησιμοποιεί CSS. Κατά συνέπεια, ο χρήστης μπορεί να ρυθμίσει τις προεπιλογές της εφαρμογής περιήγησης για την παροχή χρωμάτων και αντιθέσεων που θα είναι αποτελεσματικές για αυτόν.

Πόροι

Οι πόροι προορίζονται αποκλειστικά για σκοπούς πληροφόρησης και δεν υπονοείται καμία έγκριση.

Δοκιμές

Διαδικασία
  1. Κοιτάξτε σε όλα τα σημεία όπου μπορεί να καθοριστεί το χρώμα κειμένου

  2. Ελέγξτε ότι το χρώμα κειμένου δεν καθορίζεται

  3. Κοιτάξτε σε όλες τις περιοχές όπου είναι δυνατός ο καθορισμός του χρώματος ή της εικόνας που χρησιμοποιείται ως παρασκήνιο

  4. Ελέγξτε ότι δεν έχει καθοριστεί χρώμα ή εικόνα που χρησιμοποιείται ως παρασκήνιο

Αναμενόμενα Αποτελέσματα
  • Τα #2 και #4 είναι αληθή


G149: Χρήση συστατικών στοιχείων διεπαφής χρήστη που επισημαίνονται από τον πράκτορα χρήστη όταν λαμβάνουν επισήμανση

Εφαρμογή

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

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να διασφαλιστεί ότι το συστατικό στοιχείο με επισήμανση μπορεί να προσδιοριστεί οπτικά από τον χρήστη μέσω της υποστήριξης του πράκτορα χρήστη. Είναι σύνηθες για πράκτορες χρήστη να επισημαίνουν τυπικά στοιχεία ελέγχου με ορισμένο τρόπο όταν επισημαίνονται. Οι πράκτορες χρήστη που συμμορφώνονται με τις οδηγίες UAAG το κάνουν όταν ικανοποιούν το σημείο ελέγχου 10.2 "Επισήμανση επιλογής, σήμανση περιεχομένου, ενεργοποιημένα στοιχεία, σύνδεσμοι που έχουν επισκεφθεί". Όταν συγγραφείς χρησιμοποιούν τυπικά στοιχεία ελέγχου για τα οποία ο πράκτορας χρήστη παρέχει αυτή την υποστήριξη, οι χρήστες ενημερώνονται για τη θέση της επισήμανσης με έναν τυπικό, προβλέψιμο τρόπο.

Παραδείγματα

  • Όταν πεδία εισόδου κειμένου html λαμβάνουν επισήμανση, τα προγράμματα περιήγησης εμφανίζουν μια κάθετη γραμμή που αναβοσβήνει στο σημείο εισόδου του πεδίου κειμένου.

  • Όταν σύνδεσμοι html λαμβάνουν επισήμανση, περιβάλλονται από ένα διάστικτο ορθογώνιο επισήμανσης.

Πόροι

Δοκιμές

Διαδικασία

Για κάθε συστατικό στοιχείο στην Ιστοσελίδα με δυνατότητα σήμανσης:

  1. Ορίστε τη σήμανση στο στοιχείο ελέγχου

  2. Ελέγξτε εάν ο πράκτορας χρήστη έχει επισημάνει το στοιχείο ελέγχου με κάποιον τρόπο

Αναμενόμενα Αποτελέσματα
  • Το #2 είναι αληθές


G150: Παροχή εναλλακτικών λύσεων βάσει κειμένου για ζωντανό περιεχόμενο μόνο ήχου

Εφαρμογή

Όλες οι τεχνολογίες που παρουσιάζουν ζωντανές πληροφορίες, μόνο ήχου

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

Παραδείγματα

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

Δοκιμές

Διαδικασία
  1. Ελέγξτε ότι γίνεται χρήση διαδικασίας και πολιτικής που διασφαλίζουν ότι οι εναλλακτικές παραδίδονται σε πραγματικό χρόνο

Αναμενόμενα Αποτελέσματα
  • Το #1 είναι αληθές


G151: Παροχή συνδέσμου σε μεταγραφή κειμένου μιας έτοιμης δήλωσης ή αρχείου εντολών, εάν ακολουθείται το αρχείο εντολών

Εφαρμογή

Όλες οι τεχνολογίες που παρουσιάζουν ζωντανές πληροφορίες, μόνο ήχου

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Με αυτήν την τεχνική, ένας σύνδεσμος για τη μεταγραφή ή το αρχείο εντολών παρέχεται και θα πρέπει να συμμορφώνεται με το WCAG 2.0 και μπορεί είτε να συμπεριλαμβάνεται σε μια άλλη θέση στην ίδια Ιστοσελίδα, ή σε άλλο URI.

Παραδείγματα

  • Μια ζωντανή ραδιοφωνική παράσταση μιας πειραματικής θεατρικής ομάδας, εκπέμπεται στον Ιστό. Καθώς οι ηθοποιοί ακολουθούν κυρίως ένα δεδομένο σενάριο και ο προϋπολογισμός του προγράμματος είναι μικρός, οι παραγωγοί παρέχουν έναν σύνδεσμο (με την άδεια του θεατρικού συγγραφέα) προς το σενάριο του έργου σε μορφή HTML.

  • Ένα μέλος της κυβέρνησης εκφωνεί μια σημαντική πολιτική ομιλία στον Ιστό. Μια μεταγραφή της ομιλίας είναι διαθέσιμη στον ιστότοπο όταν αρχίζει η ομιλία.

Δοκιμές

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

  2. Ελέγξτε ότι ο ζωντανός ήχος ακολουθεί το σενάριο.

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

Αναμενόμενα Αποτελέσματα
  • Όλοι οι παραπάνω έλεγχοι είναι αληθείς.


G152: Ρύθμιση κινούμενων εικόνων gif για τη διακοπή του αναβοσβησίματος ύστερα από n κύκλους (εντός 5 δευτερολέπτων)

Εφαρμογή

Κάθε τεχνολογία που υποστηρίζει κινούμενα gif (GIF89a)

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

Σκοπός αυτής της τεχνικής είναι να διασφαλιστεί ότι οι κινούμενες εικόνες gif παύουν να αναβοσβήνουν εντός πέντε δευτερολέπτων. Υπάρχουν τρεις όψεις της σχεδίασης κινούμενων εικόνων gif που συνεργάζονται για τον καθορισμό της διάρκειας του αναβοσβησίματος της εικόνας (ή της κίνησης γενικότερα):

  • ο αριθμός των πλαισίων στην εικόνα, τα οποία είναι διακριτές εικόνες στην ακολουθία της κίνησης,

  • ο ρυθμός πλαισίων, ο οποίος είναι η διάρκεια εμφάνισης κάθε εικόνας,

  • ο αριθμός των επαναλήψεων, ο οποίος δείχνει πόσες φορές εκτελείται ολόκληρη η κίνηση,

Στην πιο απλή μορφή, η διάρκεια της κίνησης είναι ο αριθμός των πλαισίων επί τον ρυθμό πλαισίων, επί τον αριθμό των επαναλήψεων. Για παράδειγμα, μια απλή εικόνα που αναβοσβήνει με 2 πλαίσια, ρυθμό πλαισίων 0,5 δευτερολέπτων και 3 επαναλήψεις, θα έχει διάρκεια (2 * 0,5 * 3) δευτερόλεπτα ή ακριβώς 3 δευτερόλεπτα.

Πολλές κινούμενες εικόνες gif έχουν ένα σταθερό ρυθμό πλαισίων, δηλαδή ο χρόνος εμφάνισης κάθε πλαισίου είναι ίδιος. Ωστόσο, είναι δυνατό να ορίσετε διαφορετικό ρυθμό πλαισίων για κάθε πλαίσιο, ώστε να επιτραπεί σε ορισμένα πλαίσια να έχουν μεγαλύτερη διάρκεια εμφάνισης από άλλα. Στην περίπτωση αυτή, η διάρκεια της κίνησης είναι το άθροισμα των ρυθμών πλαισίων επί τον αριθμό των επαναλήψεων. Για παράδειγμα, μια απλή εικόνα με δύο πλαίσια, το πρώτο εκ των οποίων εμφανίζεται για 0,75 δευτερόλεπτα και το δεύτερο για 0,25 δευτερόλεπτα και τρεις επαναλήψεις, θα έχουν διάρκεια ((0,75 + 0,25) * 3) δευτερόλεπτα ή ακριβώς 3 δευτερόλεπτα.

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

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

Παραδείγματα

  • Μια απλή εικόνα που αναβοσβήνει. Μια εικόνα έχει 2 πλαίσια, ρυθμό πλαισίων 0,5 δευτερολέπτων και 3 επαναλήψεις. Η κίνηση έχει διάρκεια (2 * 0,5 * 3) δευτερόλεπτα ή ακριβώς 3 δευτερόλεπτα και επομένως, ικανοποιεί τις απαιτήσεις του Κριτηρίου Επιτυχίας.

Δοκιμές

Διαδικασία
  1. Εμφάνιση μιας κινούμενης εικόνας και χρονισμός της διάρκειας κίνησης.

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

  3. Χρησιμοποιώντας οποιασδήποτε μέθοδο, η διάρκεια της κίνησης θα πρέπει να είναι μικρότερη ή ίση των 5 δευτερολέπτων.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #3 είναι αληθές.


G153: Διευκόλυνση της ανάγνωσης του κειμένου

Εφαρμογή

Όλες οι τεχνολογίες.

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

Προκειμένου να μειωθεί η πολυπλοκότητα του κειμένου:

  • Αναπτύξτε ένα μεμονωμένο θέμα ή δευτερεύον θέμα ανά παράγραφο.

  • Χρησιμοποιήστε τις απλούστερες μορφές πρότασης, συνεπείς με τον σκοπό του περιεχομένου. Για παράδειγμα, η απλούστερη μορφή πρότασης για τα Ελληνικά συνίσταται από Υποκείμενο-Ρήμα-Αντικείμενο, όπως στην περίπτωση "Ο Γιάννης χτύπησε την μπάλα" ή "Η Ιστοσελίδα συμμορφώνεται με το WCAG 2.0".

  • Χρησιμοποιήστε προτάσεις που δεν είναι μεγαλύτερες του τυπικά αποδεκτού μεγέθους για δευτεροβάθμια εκπαίδευση. (Σημείωση: Στα Ελληνικά αυτό αφορά 25 λέξεις.)

  • Εξετάστε τη δυνατότητα διαίρεσης των μακρύτερων προτάσεων στα δύο.

  • Χρησιμοποιήστε προτάσεις που δεν περιέχουν περισσότερους από δύο συνδέσμους.

  • Υποδείξτε λογικές σχέσεις μεταξύ φράσεων, προτάσεων, παραγράφων ή ενοτήτων του κειμένου.

  • Αποφύγετε επαγγελματικές τεχνικές γλώσσες, αργκό και άλλους όρους με εξειδικευμένο νόημα που ενδέχεται να μην είναι κατανοητοί από τον κόσμο.

  • Αντικαταστήστε μεγάλες ή άγνωστες λέξεις με πιο σύντομους, πιο κοινούς όρους.

  • Καταργήστε πλεονάζουσες λέξεις, δηλαδή λέξεις που δεν αλλάζουν το νόημα της πρότασης.

  • Χρησιμοποιήστε μεμονωμένα ουσιαστικά ή σύντομες φράσεις-ουσιαστικά.

  • Καταργήστε σύνθετες λέξεις ή φράσεις που μπορούν να αντικατασταθούν με περισσότερο κοινές λέξεις, χωρίς αλλαγή του νοήματος της πρότασης.

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

  • Αποσαφηνίστε αναφορές αντωνυμιών και αναφορές σε άλλα σημεία στο έγγραφο.

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

  • Χρησιμοποιήστε διαρκώς χρόνους ρημάτων.

  • Χρησιμοποιήστε συνεχώς ονόματα και ετικέτες.

Παραδείγματα

  • Οι σελίδες βοήθειας για μια εφαρμογή Ιστού συντάσσονται σε γλώσσα που δεν είναι πιο σύνθετη από το επίπεδο της κατώτερης δευτεροβάθμιας εκπαίδευσης.

Δοκιμές

Διαδικασία
  1. Μετρήστε την αναγνωσιμότητα του κειμένου.

  2. Ελέγξτε ότι το κείμενο απαιτεί ικανότητα ανάγνωσης χαμηλότερη του επιπέδου κατώτερης δευτεροβάθμιας εκπαίδευσης.

Αναμενόμενα Αποτελέσματα
  • Ελέγξτε ότι το #2 είναι αληθές.


G155: Παροχή τετραγώνου επιλογής επιπλέον του κουμπιού υποβολής

Εφαρμογή

Κάθε τεχνολογία

Αυτή η τεχνική σχετίζεται με:

Περιγραφή

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

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

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

Παραδείγματα

  • Μια ηλεκτρονική τραπεζική υπηρεσία επιτρέπει στους χρήστες να μεταφέρουν χρήματα μεταξύ λογαριασμών σε διαφορετικά νομίσματα. Καθώς οι ισοτιμίες συναλλάγματος είναι διαρκώς σε ρευστότητα, τα χρήματα δεν μπορούν να συναλλαχθούν στην ίδια ισοτιμία εάν ο χρήστης ανακαλύψει κάποιο σφάλμα στην καταχώρησή του ύστερα από τη διεκπεραίωση της συναλλαγής. Επιπλέον των πεδίων "από λογαριασμό", "προς λογαριασμό" και "ποσό", υπάρχει ένα τετράγωνο επιλογής με την ετικέτα "Έχω ελέγξει ότι το ποσό που επιθυμώ να μεταφέρω είναι σωστό". Εάν αυτό το τεράγωνο επιλογής δεν επιλεγεί όταν ο χρήστης υποβάλει τη φόρμα, η συναλλαγή δεν θα διεκπεραιωθεί και ο χρήστης θα ειδοποιηθεί. Εάν επιλεγεί το τετράγωνο επιλογής, η (μη αναστρέψιμη) συναλλαγή διεκπεραιώνεται.

  • Ένα σύστημα ηλεκτρονικών πληρωμών αποθηκεύει πληροφορίες τραπεζικών λογαριασμών χρήστη προκειμένου να επεξεργαστεί πληρωμές. Υπάρχει μια περίτεχνη διαδικασία για χρήστες ώστε να εισάγουν νέους λογαριασμούς και να επαληθεύσουν ότι είναι οι ιδιοκτήτες αυτών. Υπάρχει η δυνατότητα διαγραφής παλιών λογαριασμών, αλλά εάν ο λογαριασμός διαγραφεί τυχαία, θα είναι δύσκολη η επαναφορά του και το ιστορικό συναλλαγών με τον λογαριασμό αυτό θα χαθεί. Επομένως, σε σελίδες που επιτρέπουν σε χρήστες να διαγράψουν λογαριασμούς, υπάρχει ένα τετράγωνο επιλογής με την ετικέτα "Επιβεβαιώνω ότι επιθυμώ τη διαγραφή αυτού του λογαριασμού." Εάν αυτό το τετράγωνο επιλογής δεν επιλεγεί όταν ο χρήστης υποβάλει τη φόρμα, ο λογαριασμός δεν θα διαγραφεί και ο χρήστης θα λάβει ένα μήνυμα σφάλματος. Μόνο εάν το τετράγωνο επιλογής επιλεγεί θα διαγραφεί ο λογαριασμός.

  • Μια φόρμα παραγγελίας (checkout) σε έναν ιστότοπο αγορών, περιλαμβάνει μια φόρμα που συλλέγει πληροφορίες παραγγελίας, αποστολής και χρέωσης. Ύστερα από την υποβολή της φόρμας, ο χρήστης οδηγείται σε μια σελίδα όπου οι πληροφορίες που έχει υποβάλει συνοψίζονται για αναθεώρηση. Κάτω από τη σύνοψη, εμφανίζεται ένα τετράγωνο επιλογής με την ετικέτα "Έχω αναθεωρήσει και επιβεβαιώνω ότι αυτά τα δεδομένα είναι σωστά". Ο χρήστης πρέπει να επισημάνει το τετράγωνο επιλογής και να ενεργοποιήσει το κουμπί "ολοκλήρωση παραγγελίας", προκειμένου να ολοκληρώσει τη συναλλαγή.

Δοκιμές

Διαδικασία

Για σελίδες εισόδου χρήστη που προκαλούν μη αναστρέψιμες συναλλαγές:

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

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

Αναμενόμενα Αποτελέσματα
  • Οι έλεγχοι #1 και #2 είναι αληθείς


G156: Χρήση τεχνολογίας που διαθέτει κοινά διαθέσιμους πράκτορες χρήστη που μπορούν να αλλάξουν το προσκήνιο και παρασκήνιο μπλοκ κειμένου

Εφαρμογή

Όλες οι τεχνολογίες

Αυτή η τεχνική σχετίζεται με:

Σημειώσεις υποστήριξης πράκτορα χρήστη και υποστηρικτικής τεχνολογίας

Τα περισσότερα προγράμματα περιήγησης επιτρέπουν στον χρήστη να αλλάζει τις ρυθμίσεις χρωμάτων για παράκαμψη των χρωματικών σχεδίων CSS και HTML του συγγραφέα Ιστού. Αυτό περιλαμβάνει το IE, όλες τις εκδόσεις του Firefox, το Mozilla και το Opera ύστερα από την έκδοση 6.

Όταν γίνεται παράκαμψη καθορισμένων χρωμάτων στο Firefox και το Netscape, γίνεται αδύνατη η χρήση των περισσότερων αναδυόμενων παραθύρων και αναπτυσσόμενων μενού Javascript. Τα αναδυόμενα παράθυρα αποκτούν ένα διάφανο παρασκήνιο, με τοποθέτηση από πάνω του κειμένου του πλαισίου στο κείμενο της σελίδας και τα αναπτυσσόμενα μενού είτε γίνονται διάφανα ή αποκτούν ένα σκοτεινό-γκρίζο παρασκήνιο.

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

Περιγραφή

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

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

Να σημειωθεί ότι η παράκαμψη χρωμάτων προσκηνίου και παρασκηνίου όλου του κειμένου σε μια σελίδα, ενδέχεται να κρύβει οπτικές ενδείξεις για την ομαδοποίηση και οργάνωση της Ιστοσελίδας, καθιστώντας πιο δύσκολη την κατανόηση και χρήση. Αυτή η τεχνική ενδέχεται να μην είναι κατάλληλη όταν χρώματα παρασκηνίου χρησιμοποιούνται για την περιγραφή περιοχών της σελίδας. Αυτή η τεχνική ενδέχεται να είναι κατάλληλη για τεχνολογίες και πράκτορες χρήστη που δεν αλλοιώνουν τα χρώματα πλαισίου όταν γίνεται παράκαμψη των χρωμάτων παρασκηνίου. Εάν χρησιμοποιούνται χρώματα παρασκηνίου για την περιγραφή περιοχών της σελίδας, η τεχνική Προσδιορισμός Χρωμάτων και παρασκηνίου δευτερεύοντος περιεχομένου, όπως banner, χαρακτηριστικά και πλοήγηση στο CSS, ενώ προσδιορίζονται χρώματα κειμένου και παρασκηνίου του κύριου περιεχομένου "(C23: Specifying text and background colors of secondary content such as banners, features and navigation in CSS while not specifying text and background colors of the main content) (CSS) " ενδέχεται να χρησιμοποιηθεί για να επιτραπεί στον χρήστη ο έλεγχος των χρωμάτων του κύριου κειμένου, ενώ διατηρείται παράλληλα η οπτική δομή της Ιστοσελίδας.

Παραδείγματα

  • Μια Ιστοσελίδα σχεδιάζεται χρησιμοποιώντας HTML και CSS για τον καθορισμό των χρωμάτων προσκηνίου και παρασκηνίου. Ο χρήστης ορίζει τα δικά του χρώματα στο Internet Explorer 7 και μπορεί να εμφανίσει το περιεχόμενο με τα επιλεγμένα του χρώματα προσκηνίου και παρασκηνίου.

  • Μια Ιστοσελίδα σχεδιάζεται χρησιμοποιώντας HTML και CSS. Υπάρχει ένας σύνδεσμος στη σελίδα με οδηγίες για τον τρόπο ρύθμισης χρωμάτων σε διάφορα προγράμματα περιήγησης.

Πόροι

Δοκιμές

Διαδικασία
  1. Ανοίξτε την Ιστοσελίδα σε ένα πρόγραμμα περιήγησης που επιτρέπει στους χρήστες να αλλάξουν τα χρώματα του περιεχομένου HTML.

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

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

Αναμενόμενα Αποτελέσματα