Vienkāršu datu tabulu ar vienu kolonnu galveņu rindu augšpusē ir samērā vienkārši padarīt pieejamu. Patiesā problēma sākas ar sarežģītām tabulām — tām, kurās ir galvenes gan kolonnās, gan rindās, apvienotas šūnas vai kopsavilkuma rindas. Šajā rakstā ir paskaidrots, kā atzīmēt tabulu galvenes, lai ekrāna lasītājs “saprastu” katrai šūnai, kuras galvenes tai attiecas, nezaudējot kontekstu.
Īsumā — kas ir ietverts šajā rokasgrāmatā
Kāpēc TH atšķiras no TD
HTML tabulā vai PDF failā ar tagiem katrai šūnai ir viens no diviem lomu veidiem: TH (tabulas galvene) vai TD (tabulas dati — parasta datu šūna). Atšķirība ne vienmēr ir vizuāla — galvenes šūna un datu šūna var izskatīties identiski veidoti — tā ir semantiska: TH paziņo ekrāna lasītājam: "šī ir galvene, kas izskaidro, ko nozīmē dati zem vai blakus". Bez pareizas marķēšanas ekrāna lasītājs pārvietojas pa tabulu rindu pēc rindas tā, it kā katra šūna būtu vienāda, un ir viegli pilnībā zaudēt informāciju par to, kuri dati pieder kādai kategorijai.
Kad tvērums ir pietiekami un kad jums ir nepieciešams vairāk
Lielākajai daļai tabulu ir jāpievieno ajomaatribūti katrai TH šūnai, lai norādītu, vai tā ir kolonnas galvene (scope="col") vai rindas galveni (scope="row"). Kad ekrāna lasītājs sasniedz datu šūnu, tas automātiski paziņo gan attiecīgās kolonnas galveni, gan rindas galveni, lai lietotājs dzirdētu, piemēram, "1200 — pārdošana, Q1", nevis tikai izolētu "1200".
Īpaši sarežģītām tabulām ar vairāk nekā diviem virsrakstu līmeņiem (piemēram, virsgalvenei, kas grupē vairākas apakšslejas), ar tvērumu vien ne vienmēr pietiek. Šādos gadījumos izmantojiet atribūtu id un galvenes pāri: piešķiriet katrai galvenes šūnai unikālu ID un katrā datu šūnu sarakstā galvenes atribūtā visus ar to saistītos galvenes ID. Šī metode ir elastīgāka, taču arī sarežģītāka un biežāk sastopama kļūdām — rezervējiet to gadījumiem, kad tā patiešām ir nepieciešama.
scope="col"un rindu galvenes ("Q1", "Q2", "Q3") arscope="row"— tātad katra datu šūna ir saistīta ar divām ar to saistītajām galvenēm.Kopsavilkuma rindas un vairākas galvenes
Kopsavilkuma rinda tabulas apakšā ("Kopā", "Vidējā") pati par sevi ir sava veida galvene — parasti ir lietderīgi pašu šūnu kopsavilkumā marķēt kā TH ar Scope="row", tāpēc ekrāna lasītājs to atšķir no parastās datu rindas. Tāpat tabulai ar virsgalveni, kas grupē vairākas kolonnas (piemēram, "2026 Sales", kas aptver "Q1", "Q2"), ir pareizi jāizmantocolspanatribūts kopā ar tvērumu, tāpēc hierarhiskā grupēšana tiek saglabāta arī tad, kad to nolasa skaļi.
💡 Praktisks padoms
Ja tabula šķiet pārāk sarežģīta, lai to pareizi marķētu (vairāk nekā divi virsrakstu līmeņi, vairākas sapludināšanas), dažreiz vienkāršākais un pieejamākais risinājums ir sadalīt to vairākās vienkāršākās tabulās vai pievienot tai līdzās vienkārša teksta kopsavilkumu.
Kā tas izskatās praksē programmā Word un PDF
Programmā Word, izmantojot standarta rīku "Ievietot ▸ tabulu" un atzīmējot "Galvenes rindu" tabulas noformējumā, tiek izveidots pareizais pamats, kas vairumā gadījumu tiek automātiski eksportēts uz PDF kā TH. Programmā Acrobat pēc eksportēšanas no Word un pieejamības pārbaudes ir vērts atvērt atzīmju koku un apstiprināt, ka galvenes šūnas patiešām ir atzīmētas kā TH, nevis kā parasts TD — šī ir izplatīta eksportēšanas kļūda, kuru viegli nepamanīt.
Vai dokumentos, kas nekad nav pārbaudīti, ir datu tabulas?
Mūsu rīks katrā jūsu vietnes PDF failā identificē tabulas ar trūkstošām vai nepareizām galvenēm.
Skenējiet savu vietni bez maksas ←