Běžné problémy s přístupností v karuselech obrázků
| Problém | Popis | Dopad |
|---|---|---|
| Nepřístupnost klávesnice | Ovládací prvky karuselu nelze ovládat pomocí klávesnice. | Nezahrnuje uživatele spoléhající na navigaci pomocí klávesnice. |
| Chybí alternativní text | Obrázky postrádají popisný alternativní text pro čtečky obrazovky. | Uživatelům čtečky obrazovky chybí kritický obsah. |
| Problémy s automatickým posouváním | Automatický posuv karuselu bez kontroly uživatele. | Rozptyluje nebo dezorientuje uživatele, zejména ty s kognitivními poruchami. |
Podrobný průvodce dostupnými karusely
1. Zvolte Accessible Carousel Plugin
Vyberte plugin WordPress, který upřednostňuje přístupnost. Mezi doporučené možnosti patří:
2. Přidejte role a atributy ARIA
Role ARIA zvyšují dostupnost karuselů. Zahrnout role jako:
Předchozí Další
3. Zahrňte popisný alternativní text
Zajistěte, aby každý obrázek v karuselu měl smysluplný alternativní text:
4. Povolte navigaci pomocí klávesnice
Otestujte navigaci pomocí Tab klíč. Přidejte CSS pro indikátory zaměření:
button:focus { obrys: 2px solid #005fcc; }
5. Poskytněte ovládací prvky pro automatické posouvání
Povolit uživatelům pozastavit nebo zakázat automatické posouvání:
Pauza
Testování vašeho kolotoče
- Klávesnice: Procházejte všechny prvky pouze pomocí klávesnice.
- Čtečky obrazovky: K testování funkčnosti čtečky obrazovky použijte nástroje jako NVDA nebo VoiceOver.
- Nástroje pro usnadnění: Spouštějte audity pomocí nástrojů jako WAVE nebo Lighthouse.
Případová studie: Přístupný karusel pro web elektronického obchodu
Internetový obchod aktualizoval svůj karusel produktů tak, aby zahrnoval role ARIA a navigaci pomocí klávesnice. Výsledkem bylo 20% zvýšení zapojení uživatelů se zdravotním postižením a lepší skóre přístupnosti na celém webu.
Nejčastější dotazy
Proč jsou kolotoče obrázků často nedostupné?
Chybí jim správné ovládací prvky navigace, alternativní text a správa zaměření, což ztěžuje jejich interpretaci pro asistenční technologie.
Mohu zpřístupnit stávající karusel?
Ano, přidáním atributů ARIA, alternativního textu a zajištěním správné funkce klávesnice.
Jsou karusely s automatickým posouváním v souladu s WCAG?
Pouze pokud poskytují uživatelům ovládací prvky pro pozastavení nebo zastavení posouvání.
