#Σημείο ελέγχου 1.3.1(f) id και headers για τη συσχέτιση κελιών

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

Σε πολύπλοκους πίνακες δεδομένων, θα πρέπει να καθοριστεί ο συσχετισμός μεταξύ επικεφαλίδων και περιεχομένου. Υλοποιείται μέσω του χαρακτηριστικού scope ή μέσω των χαρακτηριστικών id και headers. Η συσχέτιση κελιών μέσω των χαρακτηριστικών id και headers πρέπει να είναι σωστή. Δηλαδή, πρέπει να είναι σωστές οι συνδέσεις επικεφαλίδων και περιεχομένου σε απλούς πίνακες δεδομένων. Είναι το αντικείμενο από το Σημείο ελέγχου 1.3.1(f) επίπεδο Α.

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

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

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

Μία σημείωση: Για τους χρήστες των αναγνωστών οθόνης, οι πολύπλοκοι πίνακες είναι πιο δύσκολο να κατανοηθούν από απλούς, ακόμη και με "τέλεια επισήμανση". Συνεπώς, συνιστάται να αποφεύγονται πίνακες με διάφορα λογικά επίπεδα. Σε πολλές περιπτώσεις, οι πολύπλοκοι πίνακες μπορούν να μοιραστούν και να αντικατασταθούν από διάφορους απλούς πίνακες. Η καλύτερη βαθμολογία για αυτό το σημείο ελέγχου δηλαδή Κριτήριο επιτυχίας 1.3.1(f) είναι επομένως πάντα "δεν εφαρμόζεται".

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

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

Το σημείο ελέγχου ισχύει
  1. Εάν ένας πίνακας δεδομένων είναι πολύπλοκος, δηλαδή υπάρχουν γραμμές πολλαπλών επιπέδων ή επικεφαλίδες στήλης.
  2. Επίσης, εάν τα κελιά αποδίδονται ρητά σε έναν απλό πίνακα δεδομένων μέσω των χαρακτηριστικών headers και id. Ακόμη και αν αυτή η ανάθεση δεν ήταν πραγματικά απαραίτητη.

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

2. Έλεγχος

  1. Ανοίξτε τη σελίδα με τον Firefox.
  2. Στη συνέχεια, ανοίξτε το Tables bookmarklet. Απεικονίζονται οι επισημάνσεις των πινάκων.
  3. Ελέγξτε εάν το πεδίο εφαρμογής των επικεφαλίδων ορίζεται σωστά μέσω του χαρακτηριστικού scope. Εναλλακτικά ελέγξτε εάν είναι σωστά συνδεδεμένα τα κελιά δεδομένων με τις επικεφαλίδες τους χρησιμοποιώντας τα χαρακτηριστικά headers και id.

3. Σημείωση

Η βάση της εξέτασης είναι ο προηγούμενος έλεγχος της κατασκευής του πίνακα δεδομένων και η επισήμανση των επικεφαλίδων στο σημείο ελέγχου 1.3.1(e) "Ορθή κατασκευή πινάκων". Αυτό το σημείο ελέγχου δηλαδή Κριτήριο επιτυχίας 1.3.1(f) περιορίζεται στην πληρότητα και την επίσημη ορθότητα της ανάθεσης κελιών δεδομένων και κελιών επικεφαλίδων.

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

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

Κατευθυντήρια γραμμή Κριτήρια επιτυχίας Τεχνικές Γενικές τεχνικές HTML τεχνικές

Πηγές

Ερώτηση: Τι είναι πίνακες με πολλαπλά λογικά επίπεδα;

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

Οι πίνακες με δύο ή περισσότερα επίπεδα είναι εκείνοι όπου η ίδια η σειρά επικεφαλίδων "πλησιέστερα στο περιεχόμενο" έχει επικεφαλίδες. Ένα ασήμαντο παράδειγμα θα ήταν οι μήνες, που έχουν επικεφαλίδες σεζόν (...)

Πηγή: Πίνακες με πολλαπλά λογικά επίπεδα (στα Αγγλικά)

Technique H63: Using the scope attribute to associate header cells and data cells in data tables

"At the current time, those who want to ensure consistent support across Assistive Technologies for tables where the headers are not in the first row/column may want to use the technique for complex tables H43: Using id and headers attributes to associate data cells with header cells in data tables. For simple tables that have headers in the first column or row we recommend the use of the th and td elements."

Πηγή: Χρήση του χαρακτηριστικού scope για πίνακες δεδομένων (στα Αγγλικά)

Technique H43: Using id and headers attributes to associate data cells with header cells in data tables

"The objective of this technique is to associate each data cell (in a data table) with the appropriate headers. This technique adds a headers attribute to each data cell (td element). It also adds an id attribute to any cell used as a header for other cells. The headers attribute of a cell contains a list of the id attributes of the associated header cells. If there is more than one id, they are separated by spaces.

This technique is used when data cells are associated with more than one row and/or one column header. This allows screen readers to speak the headers associated with each data cell when the relationships are too complex to be identified using the th element alone or the th element with the scope attribute. Using this technique also makes these complex relationships perceivable when the presentation format changes.

This technique is not recommended for layout tables since its use implies a relationship between cells that is not meaningful when tables are used for layout."

Πηγή: Χρήση των ιδιοτήτων id και headers για πίνακες δεδομένων (στα Αγγλικά) Εξωτερικός σύνδεσμος