Akkordeons eignen sich für Detailinformationen, Beispiele oder erläuternde Informationen, Antworten auf häufige Fragen (FAQ) und können mit Tabellen, weiterführenden Links sowie Downloads ergänzt werden.

Akkordeons erfordern Interaktion: Um den Inhalt zu sehen, muss der Titel gelesen, verstanden ausgewählt und angeklickt werden – die wichtigste Information kommt zuerst, auf Unwichtiges soll verzichtet werden.

Verfügbare Komponenten im Akkordeon

• Text und/oder Bild
• Bildstrecke
• Download
• Linkliste
• Tabelle

Akkordeons sind nicht immer die beste Lösung

Wichtige und zentrale Inhalte der Seite (Botschaft) werden nicht in Akkordeons dargestellt. Relevante Inhalte, die gelesen werden müssen, gehören an den Anfang der Seite. 

Wenn der ganze Seiteninhalt relevant ist, ist es vorteilhafter alle Inhalte auf einmal anzuzeigen und diese nicht in einem Akkordeon zu verstecken, auch wenn dadurch die Seite lang wird. Nutzende scannen eine Seite schneller, wenn die für sie wertvollen Informationen richtig formatiert (Absätze, Gruppen, Titel usw.) sind, statt ein Akkordeon anklicken zu müssen .

Gut zu wissen: Jede Interaktion ist ein Aufwand für die User und eine Entscheidung schürt eine Erwartung, die erfüllt werden will. Jeder unnötige Klick und Zeitraub wird vom User nicht goutiert.

Reiter «Akkordeongruppe»

Akkordeons werden in einer Akkordeongruppe platziert. Diese kann einen optionalen Titel H2 oder H3 haben und in der Ankernavigation ausgeblendet werden.

Reiter «Layout»

Der Abstand zur nächsten Komponente kann bei Bedarf verringert werden.

Das Bearbeitungsfenster der Akkordeon-Komponente beschränkt sich auf zwei Optionen: 

• Der Titel wird im geschlossenen und offenen Zustand angezeigt.
• Mit der Checkbox stellen Sie ein, ob ein Akkordeon beim Seitenaufruf offen oder geschlossen angezeigt werden soll.

Nachdem Sie eine Akkordeon-Komponente auf der Seite platziert haben, fügen Sie darin die anderen verfügbaren Komponenten ein.