Vissza a cikkhez

Akadálymentes gomb - demó

Ez a demó az Akadálymentes gomb című cikkhez kapcsolódik, és csak azzal együtt értelmezhető.

Próbálja ki, hogy az alábbi gombok közül

• melyikre lehet egérrel rákattintani, illetve érintőképernyőn rátapintani?
• melyikre vihető rá a fókusz a tab billentyűvel, illetve ezt követően melyik aktiválható az enter billentyűvel?
• melyik hogyan jelenik meg vizuálisan, ha lekapcsoljuk a CSS-t?

button jelölőelem

Linkből gyártott gomb href attribútum nélkül

Linkből gyártott gomb href="#" attribútummal

Linkből gyártott gomb href="#" és role="button" attribútummal

div-ből gyártott gomb

div-ből gyártott gomb role="button" attribútummal

div-ből gyártott gomb role="button" és tabindex="0" attribútummal

div-ből gyártott gomb role="button" és tabindex="0" attribútummal, valamint keydown eseménykezelővel