Itqualityassurance
- Which accordion signifiers is most likely to signal to users that the accordion will open in place rather than leading to a new page?
- Which way should arrows point in a collapsible accordion?
- Are accordions on websites accessible?
- What is an accordion title?
Which accordion signifiers is most likely to signal to users that the accordion will open in place rather than leading to a new page?
Summary: The caret icon most clearly indicated to users that it would open an accordion in place, rather than linking directly to a new page.
Which way should arrows point in a collapsible accordion?
I'd say the convention is for the arrow to point right when collapsed and down when expanded.
Are accordions on websites accessible?
Accordions are also web structures that often require JavaScript to show/hide things based on a user click or focus event. The key to making accordions accessible is to toggle some ARIA properties and states on user click or focus events (e.g. toggle aria-hidden , aria-expanded , etc.).
What is an accordion title?
An accordion is a vertically stacked set of interactive headings that each contain a title, content snippet, or thumbnail representing a section of content. The headings function as controls that enable users to reveal or hide their associated sections of content.
