Nav: Keyboard navigation

deleonio commented 1 year ago

Anstatt mittels des Tabulators durch die einzelnen Menüpunkte einer Navigation zu gehen, kann man es ähnlich den Tabs, Toolbar und Tree umsetzen. Mittels Tabulator kommt man in die Navigation rein und direkt wieder raus. Das Wechseln zwischen den Menüpunkten und -Hierarchien erfolgt dann mittels der Pfeiltasten. So können Tab-Pfade reduziert werden.

Dieses Feature wünscht der u.a. der Zoll.

[ ] Neue Property: _behavior mit den möglichen Werten tab-navigation und arrow-navigation
[ ] Default ist tab-navigation
[ ] tab-navigation: Menüpunkte werden über die Tab-Taste gewechselt. Es muss die komplette Nav durchgetabt werden, um dahinter zu kommen
[ ] arrow-navigation: Gesamte Nav hat Fokus. Wechsel der Menüpunkte mit den Pfeiltasten. Tab-Taste springt zum Element nach dem Nav (Verhalten analog zum Tab-Panel)
- Vertikal: Pfeil Links/Rechts klappt Menüpunkt auf oder zu
- Horizontal: Pfeil Oben/Unten klappt Menüpunkt auf oder zu
- Visueller Fokus ist über den gesamten Menüpunkt
- Enter triggert den Button/Link
- Der Navigation zuklappen/aufklappen Button wird über Tab erreicht

Spezielle Shortcuts wie Navigation über Anfangsbuchstabe, * klappt gesamte Ebene auf, ... wird bei Bedarf durch separte Tickets ergänzt.

laske185 commented 8 months ago

Wann soll man den Tree und wann die Nav verwenden? Die Nav könnte ein Duplikat vom tree werden?

laske185 commented 3 months ago

Behaviour wie bei den Tabs https://github.com/public-ui/kolibri/issues/6249

public-ui / kolibri

Nav: Keyboard navigation #5501