Τι ελέγχεται;
Οι παράγραφοι και οι ομάδες στοιχείων φόρμας επισημαίνονται με κατάλληλα δομικά στοιχεία. Το περιεχόμενο δομημένο είναι ένα από τα σημαντικά κριτήρια που πρέπει να ικανοποιείται. Βέβαια, σχετικά της προσβασιμότητας και όχι μόνο. Οι επισημάνσεις στα κείμενα επισημαίνονται με το στοιχείο strong
ή em
. Επίσης, είναι το δομημένο περιεχόμενο αντικείμενο από το Σημείο ελέγχου 1.3.1(d).
Γιατί ελέγχεται;
Η χρήση των διαθέσιμων δομικών στοιχείων HTML διασφαλίζει ότι αυτή η διαίρεση είναι καθορισμένη και προσβάσιμη σε αφηρημένο επίπεδο, ανεξάρτητα από την παρουσίαση. Οι χρήστες που δεν τους αρέσει η προεπιλεγμένη οπτική παρουσίαση των στοιχείων στη σελίδα μπορούν ακόμα να βρουν τον δρόμο τους ή μπορούν να χρησιμοποιήσουν τη δική τους, πιο κατάλληλη παρουσίαση.
Τα σημασιολογικά στοιχεία strong
ή em
δε σχετίζονται με την οθόνη. Όπως b, i ή μια οπτική επισήμανση η οποία υλοποιείται μόνο με CSS.
Πώς ελέγχεται;
1. Εφαρμογή του σημείου ελέγχου
Το σημείο ελέγχου ισχύει εάν υπάρχουν παράγραφοι ή οπτικά διαχωρισμένες ομάδες πεδίων φόρμας στη σελίδα.
2. Έλεγχος
2.1 Ελέγξτε με σελιδοδείκτη (Bookmarklet)- Ανοίξτε τη σελίδα στον Firefox.
- Ανοίξτε τα περιεχόμενα του σελιδοδείκτη με δομημένο τρόπο.
- Ελέγξτε εάν οι παράγραφοι σημειώνονται με p.
- Ελέγξτε εάν οι οπτικά διαχωρισμένες ή λογικά συνδεδεμένες ομάδες στοιχείων φόρμας είναι δομημένες σωστά χρησιμοποιώντας
fieldset
ή επικεφαλίδες. - Ελέγξτε εάν οι τονισμοί στα κείμενα επισημαίνονται με
strong
ήem
.
- Ελέγξτε εάν χρησιμοποιούνται κενά (
) για τη μορφοποίηση κειμένου. Για παράδειγμα, για τη δημιουργία στηλών. - Ελέγξτε εάν τυπογραφικοί χαρακτήρες, όπως σειρές παυλών, χρησιμοποιούνται για τη δημιουργία διαχωριστικών γραμμών.
Εάν οι λίστες επιλογής (select
) περιέχουν ξεχωριστές ομάδες επιλογών. Αυτές επισημαίνονται με optgroup. Ελέγξτε το με το επιπρόσθετο Web Developer Toolbar > Information > Display Element Information > Children.
3. Σημειώσεις
- Ο στόχος δεν είναι να αξιολογηθεί εάν η υπάρχουσα, ορατή δομή της σελίδας έχει νόημα, αλλά μόνο εάν έχει υλοποιηθεί με κατάλληλα δομικά στοιχεία HTML. Είναι απαραίτητο για δομημένο περιεχόμενο και αντικείμενο από το Σημείο ελέγχου 1.3.1(d).
- Η χρήση δομικών στοιχείων HTML για πίνακες, επικεφαλίδες, λίστες και εισαγωγικά καλύπτεται ήδη από άλλα σημεία ελέγχου.
- Το περιεχόμενο των iframes ελέγχεται με τον ίδιο τρόπο όπως και άλλο περιεχόμενο σελίδας. Για να γίνει αυτό, το iframe μπορεί να χρειαστεί να φορτωθεί σε νέο παράθυρο.
4. Αξιολόγηση
Ικανοποιείται- Όλες οι παράγραφοι σημειώνονται με p. Οπτικά διαχωρισμένες ομάδες στοιχείων φόρμας είναι δομημένες με κατάλληλα στοιχεία HTML. Χρησιμοποιούνται τα στοιχεία
strong
ήem
για επισήμανση του κειμένου.
- Για τις παραγράφους, χρησιμοποιούνται διπλές αλλαγές γραμμής (
br
) αντί γιαp
. - Τα κενά (
) χρησιμοποιούνται για τη δημιουργία στηλών. - Οι λίστες ιεραρχικής επιλογής είναι δομημένες με Dummy εγγραφές ή εσοχές με κενά ή παύλες αντί με optgroup.
Ταξινόμηση του σημείου ελέγχου
Ταξινόμηση του σημείου ελέγχου σύνφωνα με το WCAG 2.0
Καταυθυντήρια γραμμή Κριτήρια επιτυχίας- 1.3.1 Info and Relationships (Level A)
- G115: Using semantic elements to mark up structure
- G140: Separating information and structure from presentation to enable different presentations
- H49: Using semantic markup to mark emphasized or special text
- H71: Providing a description for groups of form controls using fieldset and legend elements
- H85: Using
optgroup
to groupoption
elements inside aselect
- F2: Failure of Success Criterion 1.3.1 due to using changes in text presentation to convey information without using the appropriate markup or text
- F33: Failure of Success Criterion 1.3.1 and 1.3.2 due to using white space characters to create multiple columns in plain text content
- F43: Failure of Success Criterion 1.3.1 due to using structural markup in a way that does not represent relationships in the content
- F48: Failure of Success Criterion 1.3.1 due to using the pre element to markup tabular information
Διαφοροποίηση από άλλα σημεία ελέγχου
Το αν το περιεχόμενο των στοιχείων fieldset
και legend
μαζί με τις συνδεδεμένες ετικέτες των πεδίων φόρμας (label
) έχει νόημα, ελέγχεται στο σημείο ελέγχου (Κριτήριο επιτυχίας) 3.3.2 "Ετικέτες ή οδηγίες για πεδία φόρμας" .
- Σημείο ελέγχου (Κριτήριο επιτυχίας) 1.3.1a "Δομικά στοιχεία HTML για επικεφαλίδες".
- Σημείο ελέγχου (Κριτήριο επιτυχία) 1.3.1b "Δομικά στοιχεία HTML για λίστες".
- Σημείο ελέγχου (Κριτήριο επιτυχίας) 1.3.1c "HTML δομικά στοιχεία για σήμανση εκτεταμένων παραθεμάτων".
- Σημείο ελέγχου (Κριτήριο επιτυχίας) 1.3.1e "Ορθή κατασκευή πινάκων".
Ερωτήσεις σχετικά του σημείου ελέγχου
Γιατί να μην χρησιμοποιείται το b and i; Δεν ταξινομούνται ως «μη αποδεκτά»;
Αν και τα b και i δεν ταξινομούνται ως «μη αποδεκτά», σχεδόν πάντα έρχονται σε αντίθεση με την απαίτηση για περιεχόμενο και παρουσίαση. Μπορούν να χρησιμοποιηθούν - αλλά όχι εάν το κείμενο πρέπει να επισημανθεί για λόγους περιεχομένου. Αυτό συμβαίνει σχεδόν πάντα όταν τα αποσπάσματα κειμένου έχουν έντονη γραφή ή πλάγια γραφή στο συνεχές κείμενο.
Όταν επισημαίνετε κείμενο χρησιμοποιώντας τα στοιχεία b και i, λέτε μόνο κάτι για την εμφάνιση της γραμματοσειράς (έντονη ή πλάγια γραφή), αλλά όχι για το νόημα του περιεχομένου. Το ίδιο ισχύει και για τη χρήση των διαδοχικών φύλλων στίλ (CSS). Για παράδειγμα, όταν χρησιμοποιείται η ιδιότητα με τη τιμή font-weight:bold
. Το αποτέλεσμα είναι το ίδιο όπως με τη χρήση των στοιχείων b και i. Το περιεχόμενο λαμβάνει έντονη ή πλάγια γραφή, αλλά δεν "λέει" κάτι για το νόημα του περιεχομένου.
Τώρα, η χρήση των στοιχείων strong
και em
είναι ανεξάρτητα απο την παρουσίαση. Οι φυλλομετρητές εμφανίζουν το περιεχομένο με έντονη ή πλάγια γραφή. Άλλα λογισμικά επεξεργἀζουν διαφορετικά το περιεχομένο αυτων των στοιχείων. Για παράδειγμα, πιο έντονη φωνή.