nicht angemeldet
Hallo,
Barrierefrei steht m.M.n. im Widerspruch zu einer Select-Navigation.
Select-Navigationen sind gerade auf Mobilseiten ein bewährtes Pattern. Warum sind sie nicht barrierefrei?
Wieso nimmst du nicht eine gewöhnliche Navigation?
Weil man sich dann um das barrierefreie Ein- und Ausblenden mit CSS Gedanken machen muss.
Select-Navigationen sind sehr robust. Der Mobilbrowser öffnet einen nativen Dialog, der den halben oder ganzen Screen bedeckt und eine komfortable Navigation zwischen den Items erlaubt. Dieser Dialog ist von Haus aus barrierefrei, unter iOS z.B. mit VoiceOver. So gut bedienbar wird man eine Aufklappnavigation mit HTML/CSS/JavaScript nicht bekommen.
Vorteil dieser Lösung ist auch, dass direkt bei Klicken des Links zur Unterseite gesprungen wird und nicht erst, wie im Falle von select, nachdem das Element den Fokus verloren hat.
Der change-Event wird von Mobilbrowsern ausgelöst, sobald man ein Item antappt.
Das Menü ausklappbar zu machen, um Platz zu sparen, sollte mit JS und CSS keine schwierige Sache sein.
Schwierig nicht. Aber es gibt einiges hinsichtlich Barrierefreiheit zu bedenken.
Mathias
Der Martin
Marc