Jó megoldások – akadálymentes webes komponensek, Infoalap logóval

Mérő leírása

Bevezetés

A mértékegységeket kijelző komponensek esetében gyakran előfordul, hogy a fejlesztők olyan megoldást alkalmaznak, amelynek az értéke csak vizuálisan érzékelhető. A képernyőolvasó programot használók sok esetben azt tapasztalják, hogy a program nem érzékeli a komponenst, illetve ha még is, akkor csak annyit érzékel, hogy egy névtelen ábra található azon a területen.

Jelen fejezet célja olyan mértékegység-kijelző komponens bemutatása, amely képernyőolvasó program használata esetén is megfelelően adja át a megjelenített értékeket. Ehhez a Word Wide Web Consortium ARIA Authoring Practices Guide (APG) útmutatójának külön oldalon megnyíló meter komponens eleme szolgált kiindulásként, annak módosított, magyar nyelvű és magyar formátumú változata szerepel a komponens gyakorlati példájában.

A példa áttekintése

A mérő egy meghatározott tartományon belül változó számérték grafikus megjelenítésére szolgál. A mérő alkalmas például egy eszközben lévő akkumulátor aktuális töltöttségi százalékának vagy egy autó üzemanyagszintjének ábrázolására.

A bemutatott példa egy mérőnek az értékét mutatja, amely az aktuális szélsebességet jelzi ki. A kijelzett érték 5 másodpercenként frissül. Az érték frissítését egy gomb megnyomásával ki és be lehet kapcsolni.

Ahhoz, hogy a képernyőolvasó program is megfelelően felolvassa az aktuális értéket, a mérőként szolgáló elemnél ARIA meter szerepet kell használni.

A meter szerepet nem szabad olyan érték jelölésére használni, mint a világ jelenlegi népessége, mivel annak nincs valós maximális határértéke. A meter szerep nem használható az előrehaladás, például a betöltés vagy a feladat százalékos befejezésének jelzésére. A folyamat jelzésére használja inkább a progressbar ARIA szerepet.

Szerep, tulajdonság, állapot és tabindex attribútumok

A mérő kijelzésére szolgáló <div> részben elhelyezésre került egy meter ARIA szerep: role="meter". Ez biztosítja, hogy a képernyőolvasó programok folyamatsávnak lássák az elemet és megfelelően felolvassák az értékét.

A mérőben az aria-valuenow egy aria-valuemin és egy aria-valuemax közötti decimális értékre van beállítva, amely a mérő aktuális értékét jelenti.

Ha a mérőnek van látható címkéje, akkor az aria-labelledby használható a meter szereppel rendelkező elemen. Ellenkező esetben a meter szereppel rendelkező elemnek az aria-label által biztosított címkét kell használnia.


www.infoalap.hu