Tabs-Liste
Mit der Tabs-Liste können Text-Elemente über eine „Tab-Optik“ zugänglich gemacht werden. Dieses Element eignet sich nur, wenn zum einen wenige Listeneinträge gepflegt werden und wenn zum anderen die Bezeichnung der Tabs kurz gehalten ist. Aus der Sicht der Barrierefreiheit und mobilen Bedienung sollte auf dieses Element möglichst verzichtet werden. Verwenden Sie lieber eine Akkordon-Liste. Wie bei den meisten Elementen kann auch hier übergreifend neben der Überschrift und Unterüberschrift ein Einleitungstext gepflegt werden. Jedes Listen-Element kann eine eigene Überschrift, Unterüberschrift und eine ausführlichere Beschreibung mit RTE-Funktionalitäten haben. Zusätzlich auch ein Medien-Element und ein Icon.
Medien können Bilder, Video-Loops (MP4) oder Youtube-Videos sein. Die Bildunterschriften laufen dabei anders als beim Text & Bilder Element nicht breiter als das Bild sondern brechen um. Bei Bildern kann auch ein Bildcropping eingestellt werden.
Über den „Listen Heading Typ“ kann der Stil der Überschriften für die Text Elemente bestimmt werden. Der Typ sollte nie höher sein, als der der Überschrift der Liste selbst. Wenn die übergreifende Überschrift ausgeblendet ist und der Listen Heading Typ auf „Standard Konvention“ steht, sind die Überschriften der Listen Elemente alle eine h2. Achten Sie stets auf eine korrekte Semantik!
Das ist eine UnterüberschriftTheme & Hintergrund „Weiß“
Achten Sie darauf, dass die Tab Elemente möglichst gleich gepflegt sind. Also haben entweder alle Tab Elemente je ein Media-Element oder ein Icon. Die hier dargestellte Tab-Liste dient nur der Demonstration der verschiedenen Möglichkeiten.
Das ist eine UnterüberschriftDas ist die Überschrift
Zusätzlich zur Überschrift kann eine Unterüberschrift gepflegt werden. Pflegen Sie zur Tab Überschrift immer eine Überschrift, da die Tab Überschrift keine Semantik in sich trägt.
Wenn die übergreifende Überschrift des Elements verborgen ist wie in diesem Beispiel, und der Listen Heading Typ auf „Standard Konvention“ steht, werden die Überschriften der Listen-Elemente automatisch zur h2.
Das ist eine UnterüberschriftDas ist die Überschrift
Zusätzlich zur Überschrift kann eine Unterüberschrift gepflegt werden. Pflegen Sie zur Tab Überschrift immer eine Überschrift, da die Tab Überschrift keine Semantik in sich trägt.
Das ist eine UnterüberschriftTheme & Hintergrund „Cyan“
Das Element kann auch auf eingefärbtem Hintergrund stehen.
Das ist eine UnterüberschriftDas ist die Überschrift
Zusätzlich zur Überschrift kann eine Unterüberschrift gepflegt werden. Pflegen Sie zur Tab Überschrift immer eine Überschrift, da die Tab Überschrift keine Semantik in sich trägt.
Das ist eine UnterüberschriftTheme & Hintergrund „Mint“
Das Element kann auch auf eingefärbtem Hintergrund stehen.
Das ist eine UnterüberschriftDas ist die Überschrift
Zusätzlich zur Überschrift kann eine Unterüberschrift gepflegt werden. Pflegen Sie zur Tab Überschrift immer eine Überschrift, da die Tab Überschrift keine Semantik in sich trägt.