Τι ελέγχεται;
Οι περισπασμοί που προκαλούνται από στοιχεία που αναβοσβήνουν ή κινούνται πρέπει να αποφεύγονται. Πρέπει να περιορίζονται σε 5 δευτερόλεπτα ή να μπορούν να απενεργοποιηθούν.
Σχετίζεται με περιεχόμενο που μετακινείται ή ενημερώνεται αυτόματα. Για παράδειγμα, η περιοδική αλλαγή teaser ειδήσεων, θα πρέπει να μπορεί να διακοπεί για ανάγνωση. Αυτό είναι το αντικείμενο από το Σημείο ελέγχου 2.2.2 Παύση, διακοπή, απόκρυψη (Επίπεδο Α).
Γιατί ελέγχεται;
Πολλοί χρήστες δυσκολεύονται να χρησιμοποιήσουν σελίδες που περιέχουν στοιχεία που αναβοσβήνουν ή κινούνται (όπως διαφημίσεις). Τέτοια στοιχεία αποσπούν την προσοχή. Ο χρήστης ενδέχεται να μην μπορεί να συγκεντρωθεί σε άλλα στοιχεία του ιστοτόπου.
Πολλοί χρήστες δυσκολεύονται επίσης να διαβάσουν περιεχόμενο που αναβοσβήνει ή μετακινείται, όπως ειδήσεις. Το διαδραστικό κινούμενο περιεχόμενο μπορεί να είναι προβληματικό για χρήστες με κινητικές αναπηρίες.
Τα teaser ειδήσεων που ενημερώνονται αυτόματα αλλάζουν το περιεχόμενο που εμφανίζεται απροειδοποίητα. Αυτά διαταράσσουν την αντίληψη και τον προσανατολισμό. Επίσης, επηρεάζει ιδιαίτερα τους χρήστες λογισμικού μεγέθυνσης οθόνης. Αλλά και όσους χρειάζονται περισσότερο χρόνο για να διαβάσουν. Οι χρήστες του προγράμματος ανάγνωσης οθόνης ενδέχεται να αντιμετωπίσουν ξαφνικές αλλαγές εστίασης.
Ορισμένες κινήσεις, όπως κινούμενα γραφικά ( π.χ. μορφοτυπίας gif) μπορούν να διακοπούν χρησιμοποιώντας το πλήκτρο escape. Όμως, οι περισσότεροι χρήστες δεν είναι εξοικειωμένοι με αυτήν τη λειτουργία. Η απενεργοποίηση της JavaScript έχει επίσης ως αποτέλεσμα τη διακοπή της κίνησης σε ορισμένες περιπτώσεις. Για παράδειγμα, τα tickers με σενάριο ή η αλλαγή teaser. Ωστόσο, αυτή η απενεργοποίηση γίνεται προβληματική καθώς όλο και περισσότεροι ιστότοποι βασίζονται σε ενεργοποιημένη JavaScript. Ακόμα κι αν ο ιστότοπος εξακολουθεί να λειτουργεί, οι χρήστες δεν ξέρουν ποίες πληροφορίες χάνουν χωρίς JavaScript.
Τα κουμπιά διακοπής κίνησης είναι προβληματικά. Πρέπει πρώτα να βρεθούν για να μπορέσουν οι χρήστες να τα χρησιμοποιήσουν για να σταματήσουν την κίνηση. Επειδή επί του παρόντος χρησιμοποιούνται πολύ σπάνια, οι χρήστες συχνά δεν τα περιμένουν ή δεν τα αναγνωρίζουν.
Πώς ελέγχεται;
1. Εφαρμογή του σημείου ελέγχου
Το σημείο ελέγχου ισχύει εάν η σελίδα περιέχει περιεχόμενο που αναβοσβήνει, κινείται ή ενημερώνεται αυτόματα.
2. Έλεγχος
Για παράδειγμα, η σελίδα περιέχει τίτλους ειδήσεων (teaser), κείμενο σε εξέλιξη ή διαφημίσεις με κινούμενα σχέδια.
- Ελέγξτε εάν η κίνηση σταματά από μόνη της εντός 5 δευτερολέπτων από την εμφάνιση της σελίδας.
- Εάν όχι, καθορίστε εάν υπάρχει ένα κουμπί στη σελίδα που σας επιτρέπει να σταματήσετε την κίνηση ή να φορτώσετε μια αντίστοιχη μη κινούμενη έκδοση της σελίδας. Επίσης, εάν υπάρχει σαφής οδηγία σχετικά με τον τρόπο διακοπής της κίνησης του πληκτρολογίου μπορεί να τεθεί σε παύση.
- Βεβαιωθείτε ότι η ενεργοποίηση του κουμπιού ή της συντόμευσης πληκτρολογίου σταματά πραγματικά την κίνηση. Και δεν την ξεκινά ξανά από μόνη της.
- Ελέγξτε εάν η ενεργοποίηση του κουμπιού ξεκινά ξανά την κίνηση από το σημείο που έφτασε όταν σταμάτησε την τελευταία φορά.
3. Σημειώσεις
Το κουμπί ή η οδηγία για τη διακοπή της κίνησης πρέπει να είναι μοναδικό. Επίσης, πρέπει να τοποθετείται ευδιάκριτα στο επάνω μέρος της σελίδας ή ακριβώς πάνω από το κινούμενο περιεχόμενο. Όλο το περιεχόμενο πρέπει να παραμένει διαθέσιμο μετά τη διακοπή της κίνησης.
Δεν έχει σημασία αν το περιεχόμενο που αναβοσβήνει ή κινείται είναι διαφημιστικό ή εκδοτικό περιεχόμενο.
4. Αξιολόγηση
Κριτήριο δεν ικανοποιείται πλήρως.- Η κίνηση δεν σταματά από μόνη της. Το περιεχόμενο που μετακινείται και ενημερώνεται αυτόματα δεν μπορεί να σταματήσει, να κρυφτεί ή να προσαρμοστεί η συχνότητα ενημέρωσης.
Ταξινόμηση του σημείου ελέγχου
Διατύπωση A11y WCAG 2.0
2.2.2 Παύση, διακοπή, απόκρυψη. Παραδείγματα για πληροφορίες που μετακινούνται, αναβοσβήνουν ή κυλιούνται είναι:- η αυτόματη εισαγωγή πληροφοριών.
- η διάρκεια περισσότερο από 5 δευτερόλεπτα.
- και η ταυτόχρονη παρουσίαση πληροφοριών με άλλο περιεχόμενο.
Αυτή πρέπει να μπορεί να τεθεί σε παύση, να σταματήσει ή να κρυφτεί. Εκτός εάν αυτή η κίνηση είναι απαραίτητη για μια δραστηριότητα.
Οριοθέτηση των σημείων ελέγχου 2.2.1 και 2.2.2.
Αυτό το σημείο ελέγχου 2.2.2 αφορά τη μετακίνηση περιεχομένου που αποσπά την προσοχή των χρηστών. Ή είναι δύσκολο να το αντιληφθούν ορισμένοι χρήστες λόγω του προκαθορισμένου χρονισμού τους. Αυτό ελέγχει εάν οι χρήστες έχουν τη δυνατότητα να θέσουν σε παύση ή απόκρυψη κινούμενου περιεχομένου.
Το σημείο ελέγχου 2.2.1 "Ρύθμιση χρονισμού" αφορά χρονικά όρια που επηρεάζουν ολόκληρη τη σελίδα. Ανεξάρτητα από το αν το περιεχόμενο με περιορισμένο χρονικό διάστημα μετακινείται. Δηλαδή αποσπά την προσοχή ή όχι. Θα ελεγχθεί εάν τέτοια χρονικά όρια μπορούν να απενεργοποιηθούν ή να παραταθούν.
Για να διακρίνετε μεταξύ αναβοσβήσιμο και τρεμοπαίξιμο, ανατρέξτε στην ενότητα "Πηγές" στο σημείο ελέγχου 2.3.1 "Τρεις αναλαμπές ή κάτω από το όριο".
Ταξινόμηση του σημείου ελέγχου σύμφωνα με το WCAG 2.0
Κατευθυντήρια γραμμή. Κριτήριο επιτυχίας.- 2.2.2 Pause, Stop, Hide (Level A)
- G4: Allowing the content to be paused and restarted from where it was paused
- G11: Creating content that blinks for less than 5 seconds
- G152: Setting animated gif images to stop blinking after n cycles (within 5 seconds)
- G186: Using a control in the Web page that stops moving, blinking, or auto-updating content
- G191: Providing a link, button, or other mechanism that reloads the page without any blinking content
- SCR22: Using scripts to control blinking and stop it in five seconds or less
- SCR33: Using script to scroll content, and providing a mechanism to pause it
- F4: Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five seconds
- F7: Failure of Success Criterion 2.2.2 due to an
<object>or<applet>, such as Java or Flash, that has blinking content without a mechanism to pause the content that blinks for more than five seconds - F16: Failure of Success Criterion 2.2.2 due to including scrolling content where movement is not essential to the activity without also including a mechanism to pause and restart the content
- F47: Failure of Success Criterion 2.2.2 due to using the blink element
- F50: Failure of Success Criterion 2.2.2 due to a script that causes a blink effect without a mechanism to stop the blinking at 5 seconds or less
Πηγές
Το WCAG 2.0 για παύση και συνέχιση εγγεγραμμένου περιεχομένου και περιεχομένου σε πραγματικό χρόνο.
Το περιεχόμενο που έχει τεθεί σε παύση μπορεί είτε να συνεχιστεί σε πραγματικό χρόνο. Αλλά και να συνεχίσει να κινείται από το σημείο της παρουσίασης από όπου σταμάτησε ο χρήστης.
Η παύση και η συνέχιση από εκεί που σταμάτησε ο χρήστης είναι η καλύτερη για χρήστες που θέλουν να κάνουν παύση για να διαβάσουν το περιεχόμενο. Επίσης, λειτουργεί καλύτερα όταν το περιεχόμενο δεν συσχετίζεται με ένα συμβάν ή μια κατάσταση σε πραγματικό χρόνο.
Σημείωση: Δείτε Understanding Success Criterion 2.2.1 Timing Adjustable για πρόσθετες απαιτήσεις σχετικά με τα χρονικά όρια για ανάγνωση.
Η παύση και η μετάβαση στην τρέχουσα οθόνη (όταν απελευθερώνεται η παύση) είναι καλύτερη για πληροφορίες που έχουν χαρακτήρα σε πραγματικό χρόνο ή "κατάσταση". Για παράδειγμα, το ραντάρ μετεωρολογικών συνθηκών, η ένδειξη μετοχών, μια κάμερα κυκλοφορίας ή ένας χρονοδιακόπτης δημοπρασίας θα παρουσίαζαν παραπλανητικές πληροφορίες εάν μια παύση προκάλεσε την εμφάνιση παλιών πληροφοριών κατά την επανεκκίνηση του περιεχομένου.
Σημείωση: Η απόκρυψη περιεχομένου θα είχε το ίδιο αποτέλεσμα με την παύση και τη μετάβαση στην τρέχουσα οθόνη. Όταν απελευθερωθεί η παύση.