#Σημείο ελέγχου 1.4.10 Αναδιαμόρφωση

Τι ελέγχεται;

Με πλάτος παραθύρου προγράμματος περιήγησης 320 pixel CSS (ή με πλάτος παραθύρου προγράμματος περιήγησης 1280 Pixel CSS και μεγέθυνση 400% ζουμ). Το περιεχόμενο της σελίδας θα πρέπει να αναδιπλώνεται έτσι ώστε όλες οι πληροφορίες και οι λειτουργίες να είναι διαθέσιμες. Οι χρήστες να μη χρειάζονται να κάνουν κύλιση οριζόντια.

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

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

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

Γιατί ελέγχεται;

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

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

Το πλεονέκτημα είναι: ότι η κύλιση σε περισσότερες από μία κατευθύνσεις να μην είναι απαραίτητη (κύλιση μόνο κάθετα ή μόνο οριζόντια).

Πώς ελέγχεται;

1. Εφαρμογή του σημείου ελέγχου 1.4.10 Αναδιαμόρφωση

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

2. Έλεγχος

2.1 Έλεγχος με πλάτος θυρίδας προβολής 320 px

Ο έλεγχος ισχύει για περιεχόμενα με οριζόντια γραμματοσειρά.
  1. Ανοίξτε τη σελίδα στο πρόγραμμα περιήγησης Chrome.
  2. Ανοίξτε τα Developer Tools (μέσω του πλήκτρου λειτουργίας F12, χρησιμοποιώντας τη συντόμευση πληκτρολογίου Ctrl + Shift + I ή μέσω του μενού Ρυθμίσεις > Περισσότερα εργαλεία > Εργαλεία προγραμματιστή). Στη συνέχεια σύρετε το κατακόρυφο όριο μεταξύ της σελίδας και των περιοχών εργαλείων στην κορυφή δεξιά της περιοχής της σελίδας. Έτσι, ώστε να εμφανίζεται σε 320 px το ύψος της θυρίδας προβολής. Αν εμφανίζεται μια γραμμή κύλισης στα δεξιά, προσθέστε 14 px, οπότε ορίζετε με 334 px το ύψος της θυρίδας προβολής.
  3. Επαναφόρτωση σελίδας.
  4. Προσδιορίστε εάν το περιεχόμενο της σελίδας αναδιαμορφώνεται με τέτοιο τρόπο ώστε να μπορεί να χρησιμοποιηθεί χωρίς οριζόντια κύλιση και να μην χαθεί περιεχόμενο ή λειτουργίες.

2.2 Εναλλακτικός έλεγχος με πλάτος θυρίδας προβολής 1280 px

  1. Σε ένα πρόγραμμα περιήγησης που υποστηρίζει μεγέθυνση ζουμ 400% (π.χ. Chrome), ρυθμίστε το παράθυρο του προγράμματος περιήγησης σε πλάτος 1280 px CSS και ύψος 1024 px CSS. Η λειτουργία Αλλαγή μεγέθους (Resize-Function) της γραμμής Web Developer Toolbar μπορεί να χρησιμοποιηθεί για αυτό.
  2. Διασφαλίστε την τυπική ρύθμιση μεγέθυνσης 100% ζουμ και 100% μεγέθυνσης κειμένου.
  3. Ζουμ στο 400%.
  4. Επαναφόρτωση της σελίδας.
  5. Καθορίστε εάν το περιεχόμενο της ιστοσελίδας αναδιαμορφώνεται έτσι ώστε να μπορεί να χρησιμοποιηθεί χωρίς να είναι η οριζόντια κύλιση απαραίτητη. Επίσης, να είναι περιεχόμενο ή λειτουργίες διαθέσιμες.

Σημειώσεις

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

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

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

  • Οι εξαιρέσεις από την απαίτηση ότι δεν απαιτείται οριζόντια κύλιση περιλαμβάνουν περιεχόμενο που απαιτεί τη χρήση δισδιάστατης διάταξης, όπως πίνακες δεδομένων, εικόνες, διαγράμματα, βίντεο ή διεπαφές χρήστη με γραμμές εργαλείων.
  • Οι επιλογές σε εμφανιζόμενα στοιχεία select που δεν ταιριάζουν στη θύρα προβολής δε θεωρούνται σφάλματα για τους σκοπούς αυτού του σημείου ελέγχου.
  • Το σημείο ελέγχου 1.4.10 "Αναδιαμόρφωση" δεν ελέγχει εάν η μεγέθυνση μεγέθυνσης στο 400% μεγεθύνει πραγματικά το περιεχόμενο κειμένου στο 400% ή σε χαμηλότερη τιμή. Αυτό είναι το θέμα του σημείου ελέγχου 1.4.4 "Αλλαγή μεγέθους κειμένου".
  • Για εταιρείες που χρησιμοποιούν συστήματα απογραφής ή δεν μπορούν να ενημερώσουν τις μεθόδους διάταξης τους για κάποιο λόγο, μια εναλλακτική, συμβατή έκδοση μπορεί να είναι ένας ιστότοπος για κινητά με σταθερή διάταξη πλάτους 320 px. Ο χρήστης θα πρέπει να μπορεί να βρει αυτήν την έκδοση από τον προεπιλεγμένο ιστότοπο.

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

Σημείο ελέγχου 1.4.10 ικανοποιείται

Τα περιεχόμενα και οι λειτουργίες είναι πλήρως προσβάσιμα χωρίς οριζόντια κύλιση σε πλάτος παραθύρου προγράμματος περιήγησης 1280 px μετά από μεγέθυνση στο 400%. Αλλά και σε προβολή χωρίς ζουμ σε πλάτος παραθύρου προγράμματος περιήγησης 320 px.

Ταξινόμηση του σημείου ελέγχου

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

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

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

Κατευθυντήρια γραμμή

Κριτήριο επιτυχίας

Επαρκείς Τεχνικές

Αποτυχίες

Πηγές