Bežné problémy s prístupnosťou v karuseloch obrázkov
| Problém | Popis | Vplyv - CSR |
|---|---|---|
| Neprístupnosť klávesnice | Ovládanie karuselu nie je možné ovládať pomocou klávesnice. | Nezahŕňa používateľov, ktorí sa spoliehajú na navigáciu pomocou klávesnice. |
| Chýba alternatívny text | Na obrázkoch chýba popisný alternatívny text pre čítačky obrazovky. | Používateľom čítačky obrazovky chýba dôležitý obsah. |
| Problémy s automatickým posúvaním | Automatické posúvanie karuselov bez kontroly používateľa. | Rozptyľuje alebo dezorientuje používateľov, najmä tých s kognitívnymi poruchami. |
Podrobný sprievodca dostupnými kolotočmi
1. Vyberte Dostupný modul Carousel
Vyberte doplnok WordPress, ktorý uprednostňuje dostupnosť. Odporúčané možnosti zahŕňajú:
2. Pridajte roly a atribúty ARIA
Úlohy ARIA zlepšujú dostupnosť karuselov. Zahrňte roly, ako napríklad:
Predchádzajúci Ďalej
3. Zahrňte popisný alternatívny text
Uistite sa, že každý obrázok v karuseli má zmysluplný alternatívny text:
4. Povoľte navigáciu pomocou klávesnice
Otestujte navigáciu pomocou Tab kľúč. Pridajte CSS pre indikátory zamerania:
button:focus { obrys: 2px solid #005fcc; }
5. Poskytnite ovládacie prvky pre automatické posúvanie
Povoliť používateľom pozastaviť alebo zakázať automatické posúvanie:
Pauza
Testovanie vášho kolotoča
- klávesnica: Pohybujte sa vo všetkých prvkoch iba pomocou klávesnice.
- Čítačky obrazovky: Na testovanie funkčnosti čítačky obrazovky použite nástroje ako NVDA alebo VoiceOver.
- Nástroje dostupnosti: Spustite audity pomocou nástrojov ako WAVE alebo Lighthouse.
Prípadová štúdia: Dostupný karusel pre webovú stránku elektronického obchodu
Internetový obchod aktualizoval svoj karusel produktov tak, aby zahŕňal roly ARIA a navigáciu pomocou klávesnice. Výsledkom bolo 20 % zvýšenie zapojenia používateľov so zdravotným postihnutím a zlepšené skóre dostupnosti na celom webe.
Často kladené otázky
Prečo sú kolotoče obrázkov často nedostupné?
Chýbajú im správne ovládacie prvky navigácie, alternatívny text a správa zamerania, čo sťažuje interpretáciu pomocných technológií.
Môžem sprístupniť existujúci karusel?
Áno, pridaním atribútov ARIA, alternatívneho textu a zabezpečením správnej funkčnosti klávesnice.
Sú karusely s automatickým posúvaním v súlade s WCAG?
Iba ak poskytujú používateľom ovládacie prvky na pozastavenie alebo zastavenie posúvania.
