#Σημείο ελέγχου 1.3.1(d) Περιεχόμενο δομημένο

Οι παράγραφοι και οι ομάδες στοιχείων φόρμας επισημαίνονται με κατάλληλα δομικά στοιχεία. Το περιεχόμενο δομημένο είναι ένα από τα σημαντικά κριτήρια που πρέπει να ικανοποιείται. Βέβαια, σχετικά της προσβασιμότητας και όχι μόνο. Οι επισημάνσεις στα κείμενα επισημαίνονται με το στοιχείο <strong> ή <em>. Επίσης, είναι το δομημένο περιεχόμενο και αντικείμενο από το Σημείο ελέγχου 1.3.1(d) - (Επίπεδο Α).

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

Τα σημασιολογικά στοιχεία <strong> ή <em> δε σχετίζονται με την εμφάνιση του περιεχομένου. Όπως τα στοιχεία b, i ή μια οπτική επισήμανση η οποία υλοποιείται μόνο με CSS.

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

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

2. Έλεγχος

2.1 Ελέγξτε με Bookmarklet

1. Ανοίξτε τη σελίδα στον Firefox.
2. Ανοίξτε τo Bookmarklet δομημένο περιεχόμενο.
3. Ελέγξτε εάν οι παράγραφοι σημειώνονται με το στοιχείο p.
4. Ελέγξτε εάν οι οπτικά διαχωρισμένες ή λογικά συνδεδεμένες ομάδες στοιχείων φόρμας είναι δομημένες σωστά χρησιμοποιώντας το στοιχείο <fieldset> ή τα στοιχεία για επικεφαλίδες.
5. Ελέγξτε εάν οι τονισμοί στα κείμενα επισημαίνονται με τα στοιχεία <strong> ή <em>.

2.2 Μη αποδεκτή χρήση τυπογραφικών χαρακτήρων

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

2.3 Δομή των λιστών επιλογής

Εάν οι λίστες επιλογής (<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>.
• Τα κενά ( ) χρησιμοποιούνται για τη δημιουργία στηλών.
• Οι λίστες επιλογής <select> με ξεχωριστές ομάδες επιλογών είναι δομημένες με Dummy εγγραφές ή εσοχές με κενά ή παύλες αντί με το στοιχείο <optgroup>.

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

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

• Guideline 1.3 Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure

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

• 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

HTML τεχνικές

• 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 group <option> elements inside a <select>

Αποτυχίες

• 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 και το στοιχείο i; Ταξινομούνται ως «μη αποδεκτά»;

Απάντηση: Αν και τα στοιχεία <b> και <i> δεν ταξινομούνται ως «μη αποδεκτά», σχεδόν πάντα έρχονται σε αντίθεση με την απαίτηση για περιεχόμενο και παρουσίαση. Μπορούν να χρησιμοποιηθούν - αλλά όχι εάν το κείμενο πρέπει να επισημανθεί για λόγους περιεχομένου. Αυτό συμβαίνει σχεδόν πάντα όταν τα αποσπάσματα κειμένου έχουν έντονη γραφή ή πλάγια γραφή στο συνεχές κείμενο.

Όταν επισημαίνετε κείμενο χρησιμοποιώντας τα στοιχεία b και i, λέτε μόνο κάτι για την εμφάνιση της γραμματοσειράς (έντονη ή πλάγια γραφή), αλλά όχι για το νόημα του περιεχομένου. Το ίδιο ισχύει και για τη χρήση των διαδοχικών φύλλων στίλ (CSS). Για παράδειγμα, όταν χρησιμοποιείται η ιδιότητα με την τιμή font-weight:bold. Το αποτέλεσμα είναι το ίδιο όπως με τη χρήση των στοιχείων b και i. Το περιεχόμενο λαμβάνει έντονη ή πλάγια γραφή, αλλά δε "λέει" κάτι για το νόημα του περιεχομένου.

Τώρα, η χρήση των στοιχείων <strong> και <em> είναι ανεξάρτητα από την παρουσίαση. Οι φυλλομετρητές εμφανίζουν το περιεχόμενο με έντονη ή πλάγια γραφή. Άλλα προγράμματα, όπως ένας αναγνώστης οθόνης και άλλα λογισμικά, επεξεργάζουν διαφορετικά το περιεχόμενο αυτών των στοιχείων. Για παράδειγμα, πιο έντονη φωνή.