@@Gunnar Bittersmann > ~~~css > #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](https://forum.selfhtml.org/self/2013/aug/1/webkit-adjacent-general-sibling-pseudo-class-bug/1586255#m1586255) 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](http://heydonworks.com/practical_aria_examples/#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)

@@Gunnar Bittersmann > ~~~css > #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](https://forum.selfhtml.org/self/2013/aug/1/webkit-adjacent-general-sibling-pseudo-class-bug/1586255#m1586255) 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](http://heydonworks.com/practical_aria_examples/#tab-interface) parat, das mit entsprechenden ARIA-Attributen auch wirklich barrierefrei sein sollte. LLAP 🖖 -- „Wir haben deinen numidischen Schreiber aufgegriffen, o Syndicus.“ „Hat auf dem Forum herumgelungert …“ (Wachen in Asterix 36: Der Papyrus des Cäsar)