Accordion > Accessibility evaluation

Refer to the parent epic description for more information on this effort.

Purpose

Evaluate the accessibility of the accordion component in all variants and states.

Review the parent epic for evaluation methods, tools and criteria.

What to expect

• Follows WAI-ARIA Authoring Practices for an accordion.
• Correct semantics so that the document structure makes sense and is accessible without JavaScript.
• space or enter keys trigger the accordion.
• Communication of states (collapsed/expanded).
• Focus order moves from header to header, except when a section is open and focus traverses within the section.

Checklist

A check indicates that the test has been performed, not necessarily that it passes. Some checks may require fixes to happen before the test can be done based on the component condition.

• VoiceOver + Safari (latest version) on macOS
• NVDA + Chrome (latest version) on Windows
• Visual review
• Keyboarding
• Semantics (assisted by axe DevTools browser extension)