Gyakori akadálymentesítési problémák a képgalériákban
| Kiadás | Leírás | Fenntarthatóság (CSR) |
|---|---|---|
| Billentyűzet elérhetetlensége | A körhinta vezérlőelemei nem navigálhatók billentyűzettel. | Kizárja a billentyűzettel navigációra támaszkodó felhasználókat. |
| Hiányzó alternatív szöveg | A képekhez nem tartozik leíró alt szöveg a képernyőolvasók számára. | A képernyőolvasó felhasználók fontos tartalmakat hagynak ki. |
| Automatikus görgetéssel kapcsolatos problémák | A körhinták automatikusan görgetnek felhasználói vezérlés nélkül. | Elvonja vagy eltántorítja a felhasználókat, különösen a kognitív károsodásban szenvedőket. |
Lépésről lépésre útmutató az akadálymentesített körhintákhoz
1. Válasszon egy akadálymentesített körhinta bővítményt
Válasszon egy olyan WordPress bővítményt, amely az akadálymentességet helyezi előtérbe. Az ajánlott lehetőségek a következők:
2. ARIA szerepkörök és attribútumok hozzáadása
Az ARIA szerepkörök javítják a forgótálak hozzáférhetőségét. Ilyen szerepkörök például:
Előző Következő
3. Használj leíró alternatív szöveget
Győződjön meg arról, hogy a képgalériában minden képhez tartozik értelmes alt szöveg:
4. Engedélyezze a billentyűzet-navigációt
Navigáció tesztelése a következővel: Tab kulcs. CSS hozzáadása a fókuszjelzőkhöz:
button:focus { outline: 2px solid #005fcc; }
5. Biztosítson vezérlőket az automatikus görgetéshez
A felhasználók szüneteltethetik vagy letilthatják az automatikus görgetést:
Szünet
A körhinta tesztelése
- Billentyűzet: Navigáljon az összes elemen kizárólag a billentyűzet használatával.
- Képernyőolvasók: Használjon olyan eszközöket, mint az NVDA vagy a VoiceOver a képernyőolvasó működésének teszteléséhez.
- Akadálymentesítési eszközök: Futtasson auditokat olyan eszközökkel, mint a WAVE vagy a Lighthouse.
Esettanulmány: Akadálymentesített forgótálca egy e-kereskedelmi webhelyhez
Egy online áruház frissítette termékkínálatát, hogy ARIA szerepköröket és billentyűzetes navigációt is tartalmazzon. Az eredmény a fogyatékkal élő felhasználók elköteleződésének 20%-os növekedése és a webhely egészére kiterjedő akadálymentesítési pontszámok javulása volt.
GYIK
Miért nem érhetők el gyakran a képgalériák?
Hiányoznak belőlük a megfelelő navigációs vezérlők, az alt szöveg és a fókuszkezelés, ami megnehezíti a segítő technológiák számára az értelmezésüket.
Akadálymentesíthetővé tehetek egy meglévő forgót?
Igen, ARIA attribútumok és alt szöveg hozzáadásával, valamint a billentyűzet megfelelő működésének biztosításával.
Az automatikusan görgető forgószalagok megfelelnek a WCAG előírásainak?
Csak akkor, ha vezérlőket biztosítanak a felhasználók számára a görgetés szüneteltetéséhez vagy leállításához.
