RE: Disclosure x Accordion

Hi Luana,

 

Disclosure is very similar to accordion except that:

 

1. A disclosure controls a single collapsable content section whereas an accordion is at least two or more sections that expand/collapse. However, you can make a series of disclosures, like the FAQ example, that is very similar to an accordion in this way.
2. The expand/collapse button of an accordion is wrapped in a heading.
3. In some accordions, only one section may be expanded at a time. In this scenario, the control for the expanded section is disabled.
4. An accordion section sometimes does not hide all of its content when collapsed, e.g., there may be an actione menu or abstract that remains visible when an accordion section is collapsed.

 

Best,

Matt

 

From: Luana Silva <luanagabrielsilva.ls@gmail.com> 
Sent: Tuesday, February 27, 2024 5:44 AM
To: public-aria-practices@w3.org
Subject: Disclosure x Accordion

 

Good morning,

 

I am a front-end developer and technology student with ADHD. I really like studying the patterns on the site, but I couldn't understand the difference between the Disclosure and Accordion components. Could you help me?

 

Thank you,

Luana.