Inhaltspezifische Aktionen

Themenseite mit Kacheln und Akkordeon

Hier steht eine Beschreibung mit maximal 175 Zeichen: Ein Thema kann man übersichtlich und gut strukturiert auf einer einzelnen Seite darstellen, wenn man die Vorlagen nutzt.

Eine einfarbige Fläche im Farbton "JLU-Hellblau"
Hier steht eine aussagekräftige Bildunterschrift mit Quellenangabe: Dieses Platzhalterbild im Farbton JLU-Hellblau ist 1.200 Pixel breit und 400 Pixel hoch. Es hat ein Seitenverhältnis von 3:1. Eingefügt wurde es in der Größe „Great“ und der Textausrichtung „Inline“. (Bild: Jeldrik Glaßl)

 

Hier steht eine H2 Überschrift

Hier beginnt nun der eigentliche Inhalt. Die wichtigsten Informationen befinden sich weit oben auf der Seite. Bringen Sie hier all diejenigen Infos unter, die für Besucherinnen und Besucher der Seite besonders relevant sind. 

 

Noch eine H2 Überschrift

Es folgt ein Abschnitt in dem auf Unterseiten verwiesen wird. Hierzu kommen die Vorlagen Bild-Text-Kachel-vertikal zum Einsatz.  

Eine einfarbige Fläche im Farbton "JLU-Hellblau"

Thema 1

Die Bilder für diese Kacheln sind 640 Pixel hoch und 360 Pixel breit. Sie haben ein Seitenverhältnis von 16:9.

Hier geht es zu 1
Eine einfarbige Fläche im Farbton "JLU-Hellblau"

Thema 2

Die Texte in den Kacheln sollten eher kurz bleiben und alle eine einheitliche Länge haben.

Hier gibt es mehr zu 2
Eine einfarbige Fläche im Farbton "JLU-Hellblau"

Thema 3

Bei der Beschriftung der blauen Buttons wird der erste Buchstabe großgeschrieben.

Hier finden sich Infos zu 3

 

Es folgt eine weitere H2 Überschrift

Manchmal bietet es sich an Texte mit Hilfe der Vorlage Akkordeon zu strukturieren. Beispielsweise kann man damit sehr gut ein FAQ (= Frequently Asked Questions) mit häufig gestellten Fragen aufbauen. Möchte man im Akkordeon eine andere Feldanzahl als drei oder 19 haben, ist dies nur über den Quelltext möglich.

Hier steht die erste Frage. Sieht man die Antwort, wenn man die Frage anklickt?

Ja, so ist es. Das ist die grundsätzliche Funktionsweise des Akkordeons. An dieser Stelle folglich steht der Antworttext auf Frage 1. 

Hier folgt eine weitere Frage: Worauf muss man beim Akkordeon achten?

Die einzelnen Akkordeon-Elemente haben H3 Überschriften. Der vorangestellte Seiteninhalt muss also eine H2 Überschrift enthalten um barrierefrei zu sein (es darf keine Überschriftenziffer übersprungen werden).

Zu guter Letzt folgt Frage 3: Wie lang sollte ein Akkordeon sein?

Für das Akkordeon gilt das gleiche wie für Listen auf Webseiten allgemein: Sie sollten zwischen drei und fünf Punkte umfassen, keinesfalls aber mehr als sieben Punkte. Alles, was darüber hinaus geht, bekommt keine Aufmerksamkeit und wird nicht gelesen.