Miks juurdepääsetavad tabelid on olulised?
Ligipääsetavad tabelid võimaldavad igasuguse võimekusega kasutajatel tabeliandmetest aru saada ja neid kasutada. Eelised on järgmised:
- Kaasatus: Tagab, et ekraanilugejad suudavad nägemispuudega kasutajatele andmeid täpselt edastada.
- Täiustatud kasutajakogemus: Parandab kasutatavust kõigi külastajate, sealhulgas kognitiivsete puuetega inimeste jaoks.
- Juriidiline vastavus: Aitab teie saidil vastata ligipääsetavuse standarditele nagu WCAG ja ADA.
Samm-sammult juhend ligipääsetavate tabelite loomiseks
1. samm: kasutage tabeleid andmete, mitte paigutuse jaoks
Veenduge, et tabeleid kasutatakse rangelt andmete esitamiseks, mitte lehe paigutuse jaoks. Paigutuse eesmärgil sobivad paremini tänapäevased CSS-tehnikad.
2. samm: lisage tabeli päised
Päised pakuvad tabeli andmetele konteksti ja on ekraanilugejate jaoks olulised. Kasutage <th> element päiste määratlemiseks.
Nimi Vanus Asukoht Johannes 30 New Yorgi
3. samm: kasutage subtiitreid
Lisage tabeli otstarvet kirjeldav pealkiri. Pealdised aitavad kasutajatel andmete konteksti mõista.
Töötajate andmed ... ...
4. samm: ulatuse atribuutide lisamine
. scope atribuut määratleb päise ja andmelahtrite vahelise seose, parandades ekraanilugejate navigeerimist.
Nimi Johannes
5. samm: kasutage vajadusel ARIA rolle
Komplekssete tabelite puhul kaaluge ARIA atribuutide, näiteks aria-labelledby or aria-describedby lisakonteksti pakkumiseks.
6. samm: veenduge õiges kontrastsuses
Veenduge, et tabelis olev tekst oleks loetavuse tagamiseks taustaga piisavalt kontrastne. Kasutage selliseid tööriistu nagu WAVE kontrastsuse suhet kontrollida.
7. samm: testige oma tabelit
Kasutage tabeli kasutatavuse testimiseks abitehnoloogiaid, näiteks ekraanilugejaid ja klaviatuuril navigeerimist. Vajadusel kohandage tagasiside põhjal.
Ligipääsetavate tabelite parimad tavad
- Hoidke tabelid lihtsad: Vältige liiga keerulisi struktuure.
- Kasutage päiseid ja subtiitreid: Esitage kõikidele andmetele kontekst.
- Ühilduvuse test: Veenduge, et teie lauad töötaksid abitehnoloogiatega hästi.
Juhtumiuuringud: Ligipääsetavad lauad tegevuses
Juhtumiuuring 1: Haridusplatvorm
Veebipõhine õppeplatvorm lisas oma tabelitele päised, pealdised ja ARIA rollid, parandades ligipääsetavuse hindeid ja õpilaste tagasisidet.
Juhtumiuuring 2: Finantsaruannete tabel
Finantsteenus kasutas aruandluseks ligipääsetavaid tabeleid, mis parandas nägemispuudega kasutajate navigeerimist ja rahulolu.
KKK: Ligipääsetavad tabelid WordPressis
Miks on ligipääsetavad lauad olulised?
Ligipääsetavad tabelid tagavad, et kõik kasutajad, sealhulgas erivajadustega inimesed, saavad tabeliandmetest aru ja neis navigeerida.
Millised pluginad aitavad luua ligipääsetavaid tabeleid?
Pluginatele meeldib TablePress ja WP One Tap Accessibility Plugin pakuvad funktsioone ligipääsetavate tabelite loomiseks.
Kuidas saan tabeli ligipääsetavust testida?
Kasutage tööriistu nagu WAVE või Lighthouse ja testige neid ekraanilugejatega, et tagada ligipääsetavus.
Mis on programmi eesmärk? scope atribuut?
. scope atribuut aitab ekraanilugejatel mõista päise ja andmelahtrite vahelist seost.
Kas peaksin tabelite kasutamist paigutuse jaoks vältima?
Jah, tabeleid kasuta ainult tabelina esitatud andmete jaoks. Paigutuse eesmärgil kasuta CSS-i.
