Pildikarussellide levinud ligipääsetavuse probleemid
| Teema | Kirjeldus | mõju |
|---|---|---|
| Klaviatuuri ligipääsmatus | Karusselli juhtelemente ei saa klaviatuuri abil navigeerida. | Ei hõlma kasutajaid, kes kasutavad klaviatuuril navigeerimist. |
| Asendustekst puudub | Piltidel puudub ekraanilugejatele mõeldud kirjeldav alt-tekst. | Ekraanilugeri kasutajad jäävad olulisest sisust ilma. |
| Automaatse kerimise probleemid | Karussellid kerivad automaatselt ilma kasutaja juhtimiseta. | Häirib kasutajate tähelepanu või ajab nad desorienteerima, eriti kognitiivsete häiretega inimeste puhul. |
Samm-sammult juhend ligipääsetavate karussellide kohta
1. Valige ligipääsetav karusselli plugin
Valige WordPressi plugin, mis seab ligipääsetavuse esikohale. Soovitatavad valikud on järgmised:
2. Lisage ARIA rollid ja atribuudid
ARIA rollid parandavad karussellide ligipääsetavust. Lisage sellised rollid nagu:
Eelmine Järgmine
3. Lisage kirjeldav alt-tekst
Veenduge, et igal karusselli pildil oleks sisukas alt-tekst:
4. Lubage klaviatuuriga navigeerimine
Testige navigeerimist, kasutades Tab võti. Lisage fookusindikaatorite jaoks CSS:
nupp:fookus { kontuur: 2px solid #005fcc; }
5. Pakkuge automaatse kerimise juhtelemente
Luba kasutajatel automaatne kerimine peatada või keelata:
Paus
Karusselli testimine
- klaviatuur: Navigeeri kõigis elementides ainult klaviatuuri abil.
- Ekraanilugejad: Ekraanilugeri funktsionaalsuse testimiseks kasutage selliseid tööriistu nagu NVDA või VoiceOver.
- Ligipääsetavuse tööriistad: Tehke auditeid selliste tööriistadega nagu WAVE või Lighthouse.
Juhtumiuuring: ligipääsetav karussell e-kaubanduse saidile
Üks veebipood uuendas oma tootekarusselli, et lisada ARIA rollid ja klaviatuurinavigatsioon. Tulemuseks oli 20% suurem kaasatus puuetega kasutajate seas ja paranenud saidi ligipääsetavuse skoorid.
KKK
Miks on pildikarussellid sageli ligipääsmatud?
Neil puuduvad korralikud navigeerimisnupud, alt-tekst ja fookuse haldamine, mistõttu on neid abitehnoloogiatel raske tõlgendada.
Kas ma saan olemasoleva karusselli ligipääsetavaks muuta?
Jah, lisades ARIA atribuute ja alt-teksti ning tagades klaviatuuri nõuetekohase funktsionaalsuse.
Kas automaatselt kerivad karussellid vastavad WCAG-i nõuetele?
Ainult siis, kui need pakuvad kasutajatele juhtnuppe kerimise peatamiseks või peatamiseks.
