# Accordion

Das Accordion dient dazu Content-Bereiche ein- und auszublenden und so Informationen strukturiert und platzsparend darzustellen.

## Guidelines

# Grundlagen

Accordions eignen sich besonders für Informationen, die nicht dauerhaft sichtbar
sein müssen, aber bei Bedarf schnell zugänglich sein sollen.

## Best practices

Achte bei der Verwendung eines Accordions darauf, dass ...

- Inhalte im Accordion standardmäßig verborgen sind und vom User nicht direkt
  wahrgenommen werden.
- die Titel klar und prägnant formuliert sind.
- die relevantesten Informationen im zuerst geöffneten Element stehen.

## Verwendung

Verwende ein Accordion, um...

- Seiten zu verkürzen und das Scrollen zu reduzieren.
- verwandte Informationen sinnvoll zu gruppieren.
- FAQ-Bereiche, Formulare oder Einstellungsseiten strukturierter darzustellen.