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

Eszköztipp leírása

Bevezetés

A fejlesztők a weboldalakon található elemekhez általában nem tesznek kitöltési mintát vagy leírást. Ha mégis van valamilyen tipp az elemhez, akkor az rövid ideig jelenik meg, majd gyorsan eltűnik. A felhasználó nem tudja ismételten elolvasni a szöveget. A röviden megjelenő információs buborék nem felel meg az akadálymentességi követelményeknek. A legjobb megoldás az lenne, ha az információ folyamatosan ki lenne írva a megfelelő helyeken. Ha ez nem megoldható, akkor olyan eszköztippet kell használni, amely megfelel a felhasználók szélesebb rétegei számára is.

Az eszköztippek kontextuális információkat nyújtanak egy elemről, amikor az elem fókuszba kerül, vagy az elem fölé viszik az egérmutatót, de az eszköztippek alaphelyzetben nem jelennek meg a weboldalon.

Jelen fejezet célja olyan eszköztipp komponens bemutatása, amelynek a szövege képernyőolvasó programmal jól olvasható, illetve a tipp csak billentyűzet használata esetén is megjeleníthető és elrejthető.

A példa áttekintése

Az eszköztipp rövid, általában 1-5 másodperces késleltetés után válik láthatóvá, amikor a felhasználó ráviszi az elemre az egérmutatót vagy a billentyűzettel a billentyűzetfókuszt. Az eszköztipp automatikusan jelenik meg, ugyanígy automatikusan el is tűnik, ha az elem elveszti a fókuszt, vagy ha az egérmutató nem az elemen áll. Az eszköztipp eltűnik akkor is, ha a felhasználó lenyomja az Escape billentyűt.

Mivel maga az eszköztipp soha nem kap fókuszt, és nincs a tabsorrendben, az eszköztipp nem tartalmazhat interaktív elemeket, például hivatkozásokat, beviteli mezőket vagy gombokat.

Az ARIA tooltip szerep használata a böngésző eszköztippjeinek normál viselkedését egészíti ki. A böngésző natív elemleírás-kezelésére példa az a mód, ahogyan egyes böngészők egy elem title-attribútumait jelenítik meg, amikor az egérmutató az elem fölé kerül. Ez a funkció nem aktiválható sem billentyűzetfókusszal, sem érintéssel, így a csak billentyűzetet, illetve képernyőolvasó programot használók számára elérhetetlenné válik. Ha az információ elég fontos ahhoz, hogy elemleírásként vagy címként szerepeljen, fontolja meg a látható szövegként való elhelyezését az oldalon.

Billentyűzet-támogatás

WAI-ARIA Szerepkörök, állapotok és tulajdonságok

Az eszköztipp-tárolóként szolgáló <div> elemnél be van állítva a role="tooltip" szerep.

Az elemleírást kiváltó elem az aria-describedby attribútummal hivatkozik az eszköztipp elemre.

Az eszköztippek használata és a fontos információk elrejtése helyett írjon világos, tömör, mindig látható leírásokat. Ha van elég hely, ne használjon eszköztippeket. Biztosítson egyértelmű címkéket és érthető leírásokat.


www.infoalap.hu