Bieži sastopamās pieejamības problēmas attēlu karuseļos
| Izdot | Apraksts | Ietekme |
|---|---|---|
| Tastatūras nepieejamība | Karuseļa vadīklas nevar pārvietoties, izmantojot tastatūru. | Neietver lietotājus, kuri paļaujas uz tastatūras navigāciju. |
| Trūkst alternatīvā teksta | Attēliem trūkst aprakstoša alternatīvā teksta ekrāna lasītājiem. | Ekrāna lasītāja lietotājiem trūkst kritiska satura. |
| Automātiskās ritināšanas problēmas | Karuseļi tiek automātiski ritināti bez lietotāja kontroles. | Novērš uzmanību vai dezorientē lietotājus, īpaši tos, kuriem ir kognitīvi traucējumi. |
Soli pa solim pieejamu karuseļu ceļvedis
1. Izvēlieties pieejamu karuseļa spraudni
Atlasiet WordPress spraudni, kas piešķir prioritāti pieejamībai. Ieteicamās opcijas ietver:
2. Pievienojiet ARIA lomas un atribūtus
ARIA lomas uzlabo karuseļu pieejamību. Iekļaujiet tādas lomas kā:
Iepriekšējais Nākamais
3. Iekļaujiet aprakstošo alternatīvo tekstu
Pārliecinieties, vai katram attēlam karuselī ir jēgpilns alternatīvais teksts:
4. Iespējojiet tastatūras navigāciju
Pārbaudiet navigāciju, izmantojot Tab taustiņu. Pievienojiet CSS fokusa indikatoriem:
poga:fokuss { kontūra: 2px solid #005fcc; }
5. Nodrošiniet automātiskās ritināšanas vadīklas
Ļaujiet lietotājiem apturēt vai atspējot automātisko ritināšanu:
Pauze
Jūsu karuseļa pārbaude
- Keyboard: Pārvietojieties visos elementos, izmantojot tikai tastatūru.
- Ekrāna lasītāji: Izmantojiet tādus rīkus kā NVDA vai VoiceOver, lai pārbaudītu ekrāna lasītāja funkcionalitāti.
- Pieejamības rīki: Veiciet auditus, izmantojot tādus rīkus kā WAVE vai Lighthouse.
Gadījuma izpēte: pieejams karuselis e-komercijas vietnei
Tiešsaistes veikals atjaunināja savu produktu karuseli, iekļaujot tajā ARIA lomas un tastatūras navigāciju. Rezultātā par 20% pieauga lietotāju ar invaliditāti iesaistīšanās un uzlaboti pieejamības rādītāji visā vietnē.
Biežāk uzdotie jautājumi
Kāpēc attēlu karuseļi bieži vien nav pieejami?
Tiem trūkst atbilstošu navigācijas vadīklu, alternatīvā teksta un fokusa pārvaldības, tāpēc palīgtehnoloģijām tās ir grūti interpretēt.
Vai es varu padarīt pieejamu esošo karuseli?
Jā, pievienojot ARIA atribūtus, alternatīvo tekstu un nodrošinot pareizu tastatūras funkcionalitāti.
Vai automātiskās ritināšanas karuseļi ir saderīgi ar WCAG?
Tikai tad, ja tie nodrošina lietotājiem vadīklas, lai apturētu vai apturētu ritināšanu.
