focus
Sziasztok!
A honlapokon alapvetően ugye 'tab'-bal tudunk lépkedni az interaktív pontok (<a>, <input>) között. Hogyan szokás elegánsan helyettesíteni a 'tab'-ot és 'shift+tab'-ot a jobbra és balra nyilakkal?
Valamint megoldható e, hogy csak egy adott elemen belül járkáljon körbe-körbe a user a nyilak nyomkodásával?
■ A honlapokon alapvetően ugye 'tab'-bal tudunk lépkedni az interaktív pontok (<a>, <input>) között. Hogyan szokás elegánsan helyettesíteni a 'tab'-ot és 'shift+tab'-ot a jobbra és balra nyilakkal?
Valamint megoldható e, hogy csak egy adott elemen belül járkáljon körbe-körbe a user a nyilak nyomkodásával?
Problémás
Tab
gomb csak a form elemeket járja be, ha minden interaktív elemet be akarok járni, akkor a Shift + Kurzor gombok kombinációt használom (ez a böngésző alapértelmezett működése egyébként).Azaz hozzáférhetőség és megszokás miatt nem szerencsés, sőt kifejezetten ellenjavallt a megszokott, beépített működést módosítani, mert a felhasználó eleshet az általa használt és preferált működéstől.
Megint másik dolog, hogy billentyűzettel el lehet indítani, és módosítani a tartalom kijelölését.
Amennyiben mégis ki akarsz tolni a felhasználóval, érdemes lehet egy
keydown
eseménykezelőt adocument
-re tenni, abban ellenőrizni mely billentyűt nyomta le a felhasználó, majd léptetni a következő aktiválható elemre. Csak sajnos te nem feltétlen tudod jól detektálni, melyik az aktiválható elem, mivel nem csak linkek ésform
elemek lehetnek aktiválhatók, hanem minden más amire például kattintás eseményt rakott egy script. Valamint azt is fontos észben tartani, hogy a HTML elemeknek vantabindex
tulajdonsága, amivel módosítani lehet, hogy az aktuális oldalon mikor következik.Összefoglalva: szerintem felesleges egy olyan tulajdonságot, amit a böngésző jól csinál, lecserélni olyanra, ami összezavarja a felhasználót, módosít a böngésző működésén, valamint nem lesz konzisztens azzal.
csak kérdés
A 'shift+kurzor'-t külön köszi, nem ismertem.