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

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

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

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

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

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

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

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

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

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

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

2. Έλεγχος

  1. Ανοίξτε τη σελίδα με τον Firefox.
  2. Επιλέξτε στο επιπρόσθετο Web Accessibility Toolbar και στη συνέχεια τη συνάρτηση Tables > Show Data Tables.
  3. Ελέγξτε εάν το πεδίο εφαρμογής των επικεφαλίδων ορίζεται σωστά μέσω του χαρακτηριστικού scope. Εναλλακτικά ελέγξτε εάν είναι σωστά συνδεδεμένα τα μεμονωμένα κελιά με τις επικεφαλίδες τους χρησιμοποιώντας τα χαρακτηριστικά headers και ID.

3. Σημείωση

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

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

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

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

Πηγές

Τι είναι πίνακες με πολλαπλά λογικά επίπεδα;

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

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

Πηγή: https://lists.w3.org/Archives/Public/wai-wcag-editor/2000OctDec/0155.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."

Πηγή: https://www.w3.org/TR/WCAG20-TECHS/H63.html

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."

Πηγή: https://www.w3.org/TR/WCAG20-TECHS/H43.html Εξωτερικός σύνδεσμος