Vorschau
patterns/accordions-one-column-static.php
patterns/accordions-two-columns-static.php
patterns/accordion-static.php
Ein einzelnes Accordion-Element, dass in größeren Pattern inkludiert wird oder einzeln im Inhalt verwendet werden kann.
Figma
Hinweise
- Verwende maximal 7 Accordions – sonst wird es zu lang
- Als Icon hat sich »Chevron« etabliert und bietet die beste Usability
- Es dürfen keine weiteren Unterüberschriften enthalten sein, da das HTML-Element Summary die ARIA-Rolle »Button« besitzt, was dazu führt, dass alle enthaltenen Elemente ihre Rolle verlieren.