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.