@@Gunnar Bittersmann
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 { display: block; }
Das funktioniert nicht in Android-Browsern, die immer noch vom WebKit Adjacent/General Sibling & Pseudo Class Bug betroffen sind.
Für Tabs wäre vielleicht doch eher eine Lösung mit unobtrusive JavaScript zu verwenden. Heydon Pickering hat ein Simple ARIA tab interface parat, das mit entsprechenden ARIA-Attributen auch wirklich barrierefrei sein sollte.
Und dann sollte man auch an das gewählte Tab rankommen.
LLAP 🖖
--
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)
„Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“
„Hat auf dem Forum herumgelungert …“
(Wachen in Asterix 36: Der Papyrus des Cäsar)