Tabele complexe fără durere de cap: celule antet și rânduri rezumate în tabelele de date

Un tabel de date simplu, cu un singur rând de anteturi de coloană în partea de sus, este relativ simplu de făcut accesibil. Adevărata durere începe cu tabele complexe - cele cu anteturi în ambele coloane și rânduri, celule îmbinate sau rânduri rezumative. Acest articol explică cum să etichetați anteturile de tabel, astfel încât un cititor de ecran să „înțeleagă”, pentru fiecare celulă, ce anteturi i se aplică, fără a pierde contextul.

De ce TH este diferit de TD

Într-un tabel HTML sau un PDF etichetat, fiecare celulă are unul dintre cele două tipuri de rol: TH (Table Header) sau TD (Table Data — o celulă de date obișnuită). Diferența nu este neapărat vizuală – o celulă antet și o celulă de date pot arăta în stil identic – este semantică: TH îi spune cititorului de ecran „acesta este un antet care explică ce înseamnă datele de mai jos sau de lângă el”. Fără etichetare corectă, un cititor de ecran se deplasează prin tabel rând cu rând ca și cum fiecare celulă ar fi egală și este ușor să pierdeți complet evidența datelor care aparțin cărei categorii.

Când domeniul de aplicare este suficient și când aveți nevoie de mai mult

Pentru majoritatea tabelelor, adăugați undomeniuatribut fiecărei celule TH pentru a indica dacă este un antet de coloană (scope="col") sau un antet de rând (scope="row"). Când un cititor de ecran ajunge la o celulă de date, anunță automat atât antetul coloanei relevante, cât și antetul rândului, astfel încât utilizatorul aude, de exemplu, „1.200 — Vânzări, Q1” în loc de doar un „1.200” izolat.

Pentru tabelele deosebit de complexe, cu mai mult de două niveluri de anteturi (de exemplu, un super-antet care grupează mai multe sub-coloane), domeniul de aplicare în sine nu este întotdeauna suficient. În aceste cazuri, utilizați perechea de atribute id și anteturi: dați fiecărei celule antet un id unic și în fiecare listă de celule de date, în atributul anteturi, toate ID-urile antetului relevante pentru aceasta. Această metodă este mai flexibilă, dar și mai complexă și predispusă la erori - rezervați-o pentru cazurile care au cu adevărat nevoie de ea.

Rânduri rezumate și anteturi multiple

Un rând rezumat din partea de jos a unui tabel ("Total", "Medie") este el însuși un fel de antet - de obicei este adecvat să etichetați celula totală ca TH cu scope="row", astfel încât un cititor de ecran o deosebește de un rând de date obișnuit. În mod similar, un tabel cu un super-antet care grupează mai multe coloane (de exemplu, „2026 Sales” care cuprinde „Q1”, „Q2”) necesită utilizarea corectă acolspanatributul împreună cu domeniul de aplicare, astfel încât gruparea ierarhică este păstrată și atunci când este citită cu voce tare.

Cum arată acest lucru în practică în Word și PDF

În Word, folosind instrumentul standard „Insert ▸ Table” și bifarea „Header Row” în Table Design creează fundația corectă, care se exportă automat în PDF ca TH în majoritatea cazurilor. În Acrobat, după ce exportați din Word și rulați o verificare a accesibilității, merită să deschideți arborele de etichete și să confirmați că celulele antetului au fost într-adevăr marcate ca TH și nu ca un TD obișnuit - aceasta este o greșeală comună de export care este ușor de ratat.