Kāpēc pieejamie galdi ir svarīgi?
Pieejamās tabulas ļauj lietotājiem ar dažādām spējām saprast un pārvietoties tabulu datos. Ieguvumi ietver:
- Iekļaušana: Nodrošina, ka ekrāna lasītāji var precīzi nodot datus lietotājiem ar redzes traucējumiem.
- Uzlabota lietotāja pieredze: Uzlabo lietojamību visiem apmeklētājiem, tostarp tiem, kuriem ir izziņas traucējumi.
- Atbilstība tiesību aktiem: Palīdz jūsu vietnei atbilst tādiem pieejamības standartiem kā WCAG un ADA.
Soli pa solim pieejamu tabulu izveides rokasgrāmata
1. darbība: izmantojiet tabulas datiem, nevis izkārtojumam
Nodrošiniet, lai tabulas tiktu izmantotas tikai datu prezentēšanai, nevis lapas izkārtojumam. Mūsdienu CSS metodes ir labāk piemērotas izkārtojuma nolūkiem.
2. darbība: pievienojiet tabulu galvenes
Galvenes nodrošina tabulas datu kontekstu un ir būtiskas ekrāna lasītājiem. Izmantojiet <th> elements, lai definētu galvenes.
Vārds Vecums Atrašanās vieta Jānis 30 Ņujorka
3. darbība. Izmantojiet parakstus
Iekļaujiet parakstu, lai aprakstītu tabulas mērķi. Paraksti palīdz lietotājiem izprast datu kontekstu.
Darbinieku dati ... ...
4. darbība: pievienojiet darbības jomas atribūtus
The scope atribūts nosaka attiecības starp galveni un datu šūnām, uzlabojot ekrāna lasītāju navigāciju.
Vārds Jānis
5. darbība. Ja nepieciešams, izmantojiet ARIA lomas
Sarežģītām tabulām apsveriet iespēju izmantot ARIA atribūtus, piemēram aria-labelledby or aria-describedby lai nodrošinātu papildu kontekstu.
6. darbība: nodrošiniet pareizu kontrastu
Pārliecinieties, vai tekstam tabulā ir pietiekams kontrasts pret fonu, lai būtu lasāms. Izmantojiet tādus rīkus kā WAVE lai pārbaudītu kontrasta attiecības.
7. darbība: pārbaudiet savu galdu
Izmantojiet palīgtehnoloģijas, piemēram, ekrāna lasītājus un tastatūras navigāciju, lai pārbaudītu tabulas lietojamību. Pielāgojiet pēc vajadzības, pamatojoties uz atsauksmēm.
Pieejamu galdu paraugprakse
- Saglabājiet tabulas vienkāršas: Izvairieties no pārāk sarežģītām struktūrām.
- Izmantojiet virsrakstus un parakstus: Nodrošiniet kontekstu visiem datiem.
- Saderības pārbaude: Nodrošiniet, lai jūsu galdi labi darbotos, izmantojot palīgtehnoloģijas.
Gadījumu izpēte: pieejamas tabulas darbībā
1. gadījuma izpēte: izglītības platforma
Tiešsaistes mācību platforma savās tabulās pievienoja galvenes, parakstus un ARIA lomas, uzlabojot pieejamības rādītājus un skolēnu atsauksmes.
2. gadījuma izpēte: finanšu informācijas panelis
Finanšu pakalpojums ziņošanai izmantoja pieejamas tabulas, tādējādi uzlabojot navigāciju un uzlabojot lietotāju ar redzes traucējumiem apmierinātību.
Bieži uzdotie jautājumi: pieejamas tabulas pakalpojumā WordPress
Kāpēc pieejamas tabulas ir svarīgas?
Pieejamas tabulas nodrošina, ka visi lietotāji, tostarp cilvēki ar invaliditāti, var saprast tabulas datus un pārvietoties tajos.
Kādi spraudņi var palīdzēt izveidot pieejamas tabulas?
Spraudņi patīk TablePress un WP One Tap pieejamības spraudnis piedāvāt līdzekļus pieejamu tabulu izveidei.
Kā es varu pārbaudīt tabulas pieejamību?
Izmantojiet tādus rīkus kā WAVE vai Lighthouse un pārbaudiet ar ekrāna lasītājiem, lai nodrošinātu pieejamību.
Kāds ir programmas mērķis? scope atribūts?
The scope atribūts palīdz ekrāna lasītājiem izprast attiecības starp galveni un datu šūnām.
Vai man vajadzētu izvairīties no tabulu izmantošanas izkārtojumā?
Jā, izmantojiet tabulas tikai tabulu datiem. Izkārtojuma nolūkos izmantojiet CSS.
