Startseite Blöcke Details (Akkordion)
Welche Elemente sollte ich in einem Akkordion verwenden?

Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind.

Welche Blöcke sollte ich nur außerhalb eines Akkordions verwenden?

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden.

logo-potsdam
Untertiel | 9 kB
Herunterladen

Wer’s übertreibt, der übertreibt’s!

— unbekannt

Block

Details (Akkordion)

/details

Der Details-Block (auch als Accordion bezeichnet) dient der Strukturierung von komplexen, tiefergehenden oder sekundären Informationen. Redaktionell kann flexibel festgelegt werden, ob der Block beim Laden der Seite bereits geöffnet oder standardmäßig eingeklappt ist. Wobei der initiale geschlossene Zustand der allgemeinen Empfehlung entspricht. Der innere Bereich bietet dabei volle gestalterische Freiheit und erlaubt die nahtlose Integration aller grundlegenden Inhaltsblöcke wie Textabsätze, Listen, Zwischenüberschriften, Bilder oder Buttons.

Anwendungsbeispiele

  • Übersichtliche Aufbereitung von häufig gestellten Fragen (FAQs), bei denen die Antworten von den Lesenden gezielt ausgeklappt werden können.
  • Platzsparendes Unterbringen von technischen Spezifikationen, detaillierten Hintergrundberichten oder rechtlichen Pflichtangaben direkt im passenden Kontext.
Do’s
  • Formulieren Sie die stets sichtbare Überschrift des Blocks kurz, prägnant und zielgerichtet, damit der verborgene Inhalt sofort logisch eingeordnet werden kann.
  • Nutzen Sie die Option, den Block initial geöffnet darzustellen, bewusst und nur in sinnvollen Situationen – etwa um ein direktes Signal für interaktive Zusatzinhalte zu setzen oder das erste Element einer FAQ-Liste sofort sichtbar zu machen.
  • Nutzen Sie strukturierende Elemente wie Zwischenüberschriften oder Aufzählungslisten im Inneren des Blocks, um die Übersichtlichkeit nach dem Ausklappen zu maximieren.
  • Setzen Sie gezielt visuelle Medien oder Buttons im Detailbereich ein, wenn diese den zusätzlichen Inhalt sinnvoll unterstützen oder zu einer vertiefenden Aktion einladen.
Dont’s
  • Verstecken Sie keine kritischen Kerninformationen im eingeklappten Zustand, sofern der Block standardmäßig geschlossen ist, da diese beim bloßen Überfliegen der Seite leicht übersehen werden.
  • Öffnen Sie nicht alle Accordions auf einer Seite standardmäßig, da dies den Zweck der platzsparenden Übersichtlichkeit hinfällig macht und die Seite visuell überlädt.
  • Vermeiden Sie endlose, unstrukturierte Textwüsten im Inneren des Blocks – die visuelle Ordnung innerhalb des Accordions ist für die Lesbarkeit genauso entscheidend wie auf der Hauptebene.