Dažnos pritaikymo neįgaliesiems problemos vaizdų karuselėse
| Emisija | Aprašymas | poveikis |
|---|---|---|
| Klaviatūros neprieinamumas | Karuselės valdikliai nėra valdomi klaviatūra. | Neįtraukiami vartotojai, kurie pasitiki klaviatūros naršymu. |
| Trūksta alternatyvaus teksto | Vaizduose trūksta aprašomojo alternatyvaus teksto, skirto ekrano skaitytuvams. | Ekrano skaitytuvo vartotojai pasigenda kritinio turinio. |
| Automatinio slinkimo problemos | Karuselės automatinis slinkimas be vartotojo valdymo. | Atitraukia arba dezorientuoja vartotojus, ypač turinčius pažinimo sutrikimų. |
Žingsnis po žingsnio prieinamų karuselių vadovas
1. Pasirinkite prieinamą karuselės papildinį
Pasirinkite „WordPress“ papildinį, kuriam teikiama pirmenybė prieinamumui. Rekomenduojamos parinktys:
2. Pridėkite ARIA vaidmenis ir atributus
ARIA vaidmenys padidina karuselių prieinamumą. Įtraukite tokius vaidmenis kaip:
Ankstesnis Kitas
3. Įtraukite aprašomąjį alternatyvųjį tekstą
Įsitikinkite, kad kiekviename karuselės vaizde yra prasmingas alternatyvus tekstas:
4. Įjunkite klaviatūros navigaciją
Išbandykite navigaciją naudodami Tab raktas. Pridėkite CSS fokusavimo indikatoriams:
mygtukas:focus { kontūras: 2px solid #005fcc; }
5. Pateikite automatinio slinkimo valdiklius
Leiskite naudotojams pristabdyti arba išjungti automatinį slinkimą:
Pauzė
Karuselės išbandymas
- klaviatūra: Naršykite visus elementus naudodami tik klaviatūrą.
- Ekrano skaitytuvai: Norėdami išbandyti ekrano skaitytuvo funkcijas, naudokite tokius įrankius kaip NVDA arba VoiceOver.
- Pritaikymo neįgaliesiems įrankiai: Atlikite auditą naudodami tokius įrankius kaip WAVE arba Lighthouse.
Atvejo analizė: prieinama el. prekybos svetainės karuselė
Internetinė parduotuvė atnaujino produktų karuselę, įtraukdama ARIA vaidmenis ir klaviatūros naršymą. Rezultatas buvo 20 % didesnis neįgalių naudotojų įsitraukimas ir pagerėjo visos svetainės pritaikymo neįgaliesiems balai.
DUK
Kodėl vaizdų karuselės dažnai nepasiekiamos?
Jiems trūksta tinkamų naršymo valdiklių, alternatyvaus teksto ir fokusavimo valdymo, todėl pagalbinėms technologijoms juos sunku interpretuoti.
Ar galiu padaryti prieinamą esamą karuselę?
Taip, pridedant ARIA atributus, alternatyvųjį tekstą ir užtikrinant tinkamą klaviatūros funkcionalumą.
Ar automatiškai slenkančios karuselės atitinka WCAG?
Tik jei jie suteikia naudotojams valdiklius pristabdyti arba sustabdyti slinkimą.
