Click any question to expand or collapse the answer
An FAQ accordion is an interactive component that displays a list of frequently asked questions. Each question can be expanded or collapsed to reveal or hide its corresponding answer. This saves space on the page and helps users find information more easily by reducing visual clutter.
Simply click on any question header to expand and view the answer. Click again on the same header to collapse the answer and hide it from view. The plus icon will rotate to indicate the expanded or collapsed state, and the aria-expanded attribute helps screen readers understand the current state of each item.
Yes, this accordion is built with accessibility in mind. Each button has an aria-expanded attribute that properly communicates its state to assistive technologies. The buttons are fully keyboard navigable and focusable, and all interactive elements meet WCAG accessibility standards to ensure users of all abilities can interact with the content.
Yes, this accordion allows multiple items to be open simultaneously. You can expand one answer and then expand another without the first one closing. This design gives users the flexibility to compare information across multiple questions without having to collapse and re-expand items.