Σημείο ελέγχου 1.4.4(b) Κείμενο αναγνώσιμο με Zoom στο 200%

Τα σύγχρονα προγράμματα περιήγησης προσφέρουν μια λειτουργία Zoom που επιτρέπει τη μεγέθυνση ολόκληρης της διάταξης ανάλογα με το μέγεθος της γραμματοσειράς. Με αυτήν τη λειτουργία, οι ιστότοποι θα πρέπει να μπορούν να μεγεθύνονται κατά 200%, ενώ όλο το περιεχόμενο θα πρέπει να παραμένει αναγνώσιμο και να μπορούν να χρησιμοποιηθούν όλες οι λειτουργίες. Αυτό είναι αντικείμενο από το Σημείο ελέγχου 1.4.4(b) Κείμενο αναγνώσιμο με Zoom στο 200%.

Οι χρήστες θα πρέπει να μπορούν να προσαρμόζουν το μέγεθος της γραμματοσειράς ανάλογα με τις ανάγκες τους. Τα κοινά προγράμματα περιήγησης προσφέρουν δύο διαφορετικές επιλογές μεγέθυνσης: την κλασική μεγέθυνση μόνο κειμένου και την ολοένα και πιο συνηθισμένη μεγέθυνση μεγέθυνσης ολόκληρης της διάταξης, κάτι που αφορά αυτό το σημείο ελέγχου. Δηλαδή, το Σημείο ελέγχου 1.4.4(b) Κείμενο αναγνώσιμο με Zoom στο 200%. Και οι δύο μέθοδοι έχουν τα δικά τους πλεονεκτήματα και μειονεκτήματα, επομένως και οι δύο πρέπει να υποστηρίζονται.

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

Το σημείο ελέγχου ισχύει πάντα.

2. Έλεγχος

1. Ανοίξτε τη σελίδα στον Firefox. Εάν είναι απαραίτητο, ορίστε το μέγεθος της γραμματοσειράς σε Μεσαίο στην περιοχή Σελίδα > Μέγεθος κειμένου. Στο επιπρόσθετο Web Developer Toolbar, επιλέξτε Resize > 1024x768 και φορτώστε ξανά τη σελίδα.
2. Στην περιοχή Page > Zoom ορίστε την επιλογή 200%. Ελέγξτε εάν όλο το περιεχόμενο εξακολουθεί να εμφανίζεται χωρίς επικαλύψεις και εάν όλες οι λειτουργίες παραμένουν λειτουργικές.
3. Ανοίξτε τη σελίδα στον Firefox. Εάν είναι απαραίτητο, απενεργοποιήστε την επιλογή Zoom only text στην περιοχή View > Zoom. Χρησιμοποιώντας τη γραμμή εργαλείων προγραμματιστή Ιστού, ορίστε το μέγεθος του παραθύρου του προγράμματος περιήγησης σε 1024x768 (Resize > ...).
4. Πατήστε το συνδυασμό πλήκτρων Ctrl + + έξι φορές για μεγέθυνση της διάταξης κατά 200% (εναλλακτικά, επιλέξτε View > Zoom > Μεγέθυνση έξι φορές). Ελέγξτε εάν όλο το περιεχόμενο εξακολουθεί να εμφανίζεται χωρίς επικαλύψεις και εάν όλες οι λειτουργίες παραμένουν λειτουργικές.

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

Ικανοποιείται

• Μπορεί να γίνει μεγέθυνση στο 200% στον Internet Explorer, στον Chrome, στον MS Edge και στον Firefox χωρίς να προκαλείται επικάλυψη ή περικοπή περιεχομένου και χωρίς να επηρεάζεται η λειτουργικότητα.

Δεν ικανοποιείται πλήρως

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

Διατύπωση A11y WCAG 2.0

1.4.4 Μεταβλητό μέγεθος κειμένου

Το κείμενο μπορεί να μεγεθυνθεί έως και 200% χωρίς υποβοηθητική τεχνολογία χωρίς απώλεια περιεχομένου ή λειτουργικότητας.

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

• Δοκιμή επεκτασιμότητας γραμματοσειράς: δείτε το σημείο ελέγχου 1.4.4(a) "Αλλαγή μεγέθους γραμματοσειράς"
• Η δυνατότητα μεγέθυνσης των γραφικών γραμματοσειρών είναι μή επαρκής: ανατρέξτε στο σημείο ελέγχου 1.4.5 "Εικόνες κειμένου".

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

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

• Guideline 1.4 Distinguishable: Make it easier for users to see and hear content including separating foreground from background

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

• 1.4.4 Resize text (Level AA)

Τεχνικές Γενικές τεχνικές

• G142: Using a technology that has commonly-available user agents that support zoom
• G179: Ensuring that there is no loss of content or functionality when the text resizes and text containers do not resize

CSS τεχνικές

• C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized

Πηγές

WCAG 2.0 σχετικά με την κλιμάκωση κειμένου

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

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

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

Πηγή: Resize text: Understanding SC 1.4.4