Siegfried: onclick funktionen

Beitrag lesen

Diese Information sollte im DOM vorhanden sein: im hidden-Attribut des entsprechenden Elements (nav).

Darüber würden JS-Programmierer streiten ... seit Jahren geht der Trend dahin das DOM nicht als "Source of Truth" zu betrachten.

DASS die Info ins DOM geschrieben werden muss ist unerlässlich. Ob das nun eine Klasse oder "hidden" ist, macht derzeit keinen großen Unterschied. Denn eine Angabe "[hidden] { display: none }" braucht es derzeit noch.

Dafür wird der Button initial versteckt und erst mit JavaScript sichtbar gemacht. Außerdem bekommt er ein aria-expanded-Attribut, dessen Wert ebenfalls mit dem Öffnen/Schließen des Menüs umgeschaltet wird:

Soweit ich weiss ist dann auch aria-controls sinnvoll:

https://www.marcozehe.de/2010/02/10/easy-aria-tip-5-aria-expanded-and-aria-controls/

https://www.w3.org/TR/wai-aria/states_and_properties#aria-expanded

Siegfried