Content
Feature SDS-264: Check the accessibility on CollapsibleSectionComponent & CollapsibleHeaderComponent
View differences
Updated by Henriette Darge about 1 year ago
**As** an impaired user
**I want to** have an accessible CollapsibleSectionComponent and CollapsibleHeaderComponent
**Acceptance criteria**
* Collapsing/Expanding is possible via keyboard (space or enter)
* Expanded and collapsed states of component should be read out by the screen reader
* Hint for QA: Can be tested in Lookbook
* [https://qa.openproject-edge.com/lookbook/inspect/primer/open\_project/collapsible\_section/default](https://qa.openproject-edge.com/lookbook/inspect/primer/open_project/collapsible_section/default)
* [https://qa.openproject-edge.com/lookbook/inspect/primer/open\_project/border\_box/collapsible\_header/default](https://qa.openproject-edge.com/lookbook/inspect/primer/open_project/border_box/collapsible_header/default)
**I want to** have an accessible CollapsibleSectionComponent and CollapsibleHeaderComponent
**Acceptance criteria**
* Collapsing/Expanding is possible via keyboard (space or enter)
* Expanded and collapsed states of component should be read out by the screen reader
* Hint for QA: Can be tested in Lookbook
* [https://qa.openproject-edge.com/lookbook/inspect/primer/open\_project/collapsible\_section/default](https://qa.openproject-edge.com/lookbook/inspect/primer/open_project/collapsible_section/default)
* [https://qa.openproject-edge.com/lookbook/inspect/primer/open\_project/border\_box/collapsible\_header/default](https://qa.openproject-edge.com/lookbook/inspect/primer/open_project/border_box/collapsible_header/default)