Akkordeon

    Ein Akkordeon (Faltmenü) dient dazu, umfangreiche Inhalte übersichtlich und platzsparend darzustellen. Nutzer*innen können einzelne Bereiche ein- oder ausklappen und sich gezielt nur die Informationen anzeigen lassen, die sie benötigen. Das erhöht die Orientierung, verbessert die Usability und hält Seiten schlank und strukturiert.

    Einsatz

    • Wenn viele Informationen strukturiert, aber nicht gleichzeitig sichtbar sein müssen.

    • In FAQs, Glossaren, Anleitungen oder auf Seiten mit längeren Textabschnitten.

    • Wenn die Hauptseite übersichtlich bleiben soll, aber dennoch viel Inhalt bereitgestellt werden muss.


    Best Practices

    Struktur

    • Jeder Akkordeonpunkt enthält eine klare Hauptaussage.

    • Die Überschriften der einzelnen Faltpunkte sollen aussagekräftig sein und den Inhalt treffend beschreiben.

    • Die Überschriften müssen verständlich, kurz und informativ sein – Nutzer*innen sollen wissen, was sie erwartet.

    Barrierefreiheit

    • Vermeiden Sie Überschriften wie „Mehr erfahren“ oder „Details“. → Stattdessen: „Bewerbungsvoraussetzungen“, „Ablauf des Anmeldeverfahrens“, „Häufige Fragen zum Praktikum“.

    • Achten Sie auf klare Sprache und gut gegliederte Absätze.

    • Links im Akkordeon immer kontextbezogen formulieren.

    Inhalt

    • Die Inhalte unterhalb eines Akkordeonpunkts sollten kompakt, gut lesbar und strukturiert sein.

    • Längere Textblöcke durch Absätze, Listen oder Tabellen auflockern.

    • Wenn die Inhalte zu umfangreich werden, ist ggf. eine separate Seite sinnvoll.

    Gestaltung

    • Einheitliche Formatierung in allen Faltpunkten.

    • Keine überlangen Überschriften – max. 6–8 Wörter.

    • Zwischenüberschriften nur, wenn wirklich nötig.

    • Die Reihenfolge der Faltpunkte sollte logisch aufgebaut sein (chronologisch, thematisch, FAQ-Häufigkeit).


    Don’ts

    • Keine Akkordeons als rein gestalterisches Element.

    • Keine langen Textwüsten in einem einzigen Faltpunkt.

    • Keine uneinheitlichen Überschriften („Info“, „Mehr“, „Wichtige Sachen“).

    • Kein übermäßiger Einsatz – wenn alles eingeklappt ist, findet niemand Informationen.

    • Keine PDF-Links als einzigen Inhalt eines Faltpunkts („Weitere Infos: PDF“ → stattdessen passende Webinhalte anbieten).

    Veröffentlicht