Liigu põhisisu juurde
Ligipääsetavuse labor

3.3 · Struktuur

Tabelid

Tabelid on andmete, mitte paigutuse jaoks. Päiseridadega ütleb ekraanilugeja 'Kolmapäev, ruum, B105'. Ilma nendeta ainult 'B105'.

Ligipääsmatu vs ligipääsetav

Ligipääsmatu
PäevTeemaRuum
EsmaspäevAlt-tekstA201
TeisipäevKontrastA202
KolmapäevVormidB105

Mida ekraanilugeja ette loeb

  1. tabel, 4 rida 3 veergu. Kolmapäev. Vormid. B105.
Ligipääsetav
Töötubade ajakava, 1. nädal
PäevTeemaRuum
EsmaspäevAlt-tekstA201
TeisipäevKontrastA202
KolmapäevVormidB105

Mida ekraanilugeja ette loeb

  1. tabel, Töötubade ajakava 1. nädal. Rida 4: Kolmapäev. Teema: Vormid. Ruum: B105.

Kontroll-leht iga tabeli jaoks

Tabelit nimetav caption; th koos scope="col" veerupäistele; th koos scope="row" iga rea esimesele lahtrile; võimalusel ilma ühendatud lahtritega; mitte kunagi tabel ainult asjade kõrvuti paigutamiseks.

Miks hea näide on parem

  • Päiselahtrid lasevad ekraanilugejal iga väärtuse juures asjakohase päise korrata.
  • Caption annab tabelile tabelite loendis nime, nagu pealkiri.
  • Semantilised tabelid mahuvad väikesele ekraanile paremini ja eksporditakse korralikult.

Mõju ligipääsetavusele

Ekraanilugeja kasutajad
Saavad liikuda lahtrite kaupa ja teavad alati, mis rida ja veerg.
Vaegnägijad
Ühele lahtrile suurendades on päised ainus viis selle tähendust teada.

Praktiline järeldus

Iga andmetabel vajab captionit ja korrektset th scope'i. Ära kasuta tabelit paigutuseks.

WCAG 2.2
1.3.1 Info and Relationships

Seotud nõuded

See õppetükk avab enesehindamise ala — vaata järgmisena üle oma leht või materjalid.

Vaata üle — Tabelid

Kas said õppetüki läbi? Märgi see ära, et õpitee oleks ajakohane.