CSS: Menue per Klick auf ein image aufklappen

[Gunnar Bittersmann]

@@peter

Man muss JavaScript drüberschütten, um mit aria-Attributen die Zugänglichkeit sicherzustellen.

Könntest du das bitte erläutern

Eine Checkbox ist ein Eingabe-Element für boolesche Daten (ja/nein) (und wird als solches von assistiver Technologie angezeigt/angesagt/…).

Öffnen/Schließen eines Menüs ist keine Eingabe eines Ja-/Nein-Wertes; die Rolle „Checkbox“ dafür also falsch.

Das ließe sich mit ARIA beheben:

<input type="checkbox" role="button" aria-haspopup="true"/>

Damit wird der Button aber immer noch nicht richtig angesagt.

bzw. Artikel diesbezüglich verlinken?

Heydon Pickering geht im Kapitel „Menus & Menu Buttons“ im Abschnitt „The Checkbox Hack“ (S. 94–97) im Buch Inclusive Components ausführlicher darauf ein.

Auch etwas in Toggle Buttons.

😷 LLAP