Was wäre, wenn man grundsätzlich alle Buttons aria-expandet = "true" setzen würde , den Sandwich Button und die Unter-Buttons der einzelnen Menüpunkte.
Fall A) javascript ausgeschaltet:
Die Menüpunkte (ul.group von mir genannt) (also Aktuelles , Arbeiten , CV etc.) werden angezeigt.
Dann müßte NUR noch die Unter-Menüpunkte (div.nav-group von mir genannt) (bei Aktuelles wäre das aktuelle ausstellungen, Blog / bei Arbeiten wäre das Drifte
rs, Waldfrieden etc. usw. ) auch noch eingeblendet werden.
Aber dann setzt man die Unter - Menue Buttons auch aria-expandet = "true" dann werden diese Unter-Punkte auch angezeigt.
(Also im html alles aria-expandet ="true" setzen!)
Soweit zu javascript ausgeschaltet!
Nun Fall B) javascrip an und großer Bildschirm
Der Sandwich Button ist immer noch aria-expandet = "true" wird aber nicht angezeigt da ja per KLICK nichts angezeigt/umgeschaltet werden muss.
Die einzelnen Menüpunkte (also Aktuelles , Arbeiten , CV etc.) werden ja angezeigt.
Hier könnte man ja wie du angedeutet hast <button aria-hidden ="true" aria-expandet="true" ... usw.
oder <button hidden .... usw. oder button aria-hidden aria-expandet="true" class ="treeitemmain hidden" benutzt werden.
Sowohl bei ausgeschaltetem javascript und eben für den Fall B)
Nun schieben wir das Bildschirmfenster zusammen, die magische 1440px Marke
Dann müßte eben a) das hidden per javascript aus dem html entfernt werden (wie auch immer man es macht, siehe oben)
UND b) sämtliche aria-expandet = "true" zu aria-expandet = "false" werden
Denn dann werden die Menüpunkte als auch die Untermenü-Punkte ausgeblendet UND die Buttons werden angezeigt die nötig sind.
Ersteinmal der Sandwich-Button.
Für den letzten Fall (bei ganz schmalem Bildschirmfenster) gilt ja das selbe.
Siehe das ganze im Test
Bin mir nicht sicher ob ich damit richtig liege oder ob das auch nur MIST ist und viel zu kompliziert gedacht!
Jetzt aber gute n8
der einsiedelnde