Check out how the component looks like at sample.isomer.gov.sg.
While accordions are great for organising content and improving user experience, it's important not to hide everything. Make sure that the most important content remains visible, and that users don't have to click repeatedly to access essential information. Use accordions sparingly, with clear labelling, and ensure a smooth, accessible experience for everyone.
What is allowed in accordions?
Only text based contents which includes tables.
No images are allowed.
Best practices for using accordions
Use for supplementary content
It can be used to hide extra details, FAQs, while keeping the main content visible. Important or frequently accessed content should be visible, not hidden in accordions as it can frustrate users and cause them to miss important details.
Limit the number of sections
Avoid overwhelming users with too many expandable sections.
Clear labelling
Use descriptive headers so readers know what content will be revealed.
