JavaScript: Toggle für verschiedene Elemente

[Gunnar Bittersmann]

@@Henry

oder alternativ eine CSS-Lösung.
Beispiel: http://www.olivergast.de/blog/2013/04/16/css3-der-checkbox-hack/

Nein, ein Checkbox-Hack ist keine Lösung. Das würde einiges dazugehören, um das für alle nutzbar (also barrierefrei) zu machen: die Kombination Checkbox/Label müsste sich verhalten wie ein Button (inclusive Tastaturbedienung), die Rolle müsste explizit angegeben und dem Nutzer mitgeteilt werden. Viel zu viel Aufwand, viel zu viel notwendiges Wissen, über das die meisten (leider!) (noch?) nicht verfügen.

Das von dir verlinkte Beispiel ist besonders schlecht umgesetzt. Mit Tastatur funktioniert gar nichts. Mal nachgeschaut: input[type="checkbox"] { display: none } – das kann ja so nicht funktionieren. Nicht nachmachen, Kinder! Ein interaktives Element darf niemals mit display: none versteckt werden. Es darf visuell versteckt werden, nicht mehr und nicht weniger.

LLAP 🖖