A11y: TreeView expand/collapse is not accessible for keyboard user

[Tushar2098]

Describe the bug

TreeView expand/collapse is not accessible for keyboard user

How to reproduce

Steps to reproduce the behavior:

1. Go to Stackblitz
2. Turn on the VoiceOver (CMD+F5)
3. Navigate to root node by pressing TAB
4. Press ENTER to expand the TreeView
5. Observe TreeView is not expanding and same goes for collapse

Expected behavior

User should be able to change expand/collapse state via keyboard. And screen reader should announce the expand/collapse state

Versions

Clarity project:

• Clarity Core
• Clarity Angular/UI

Clarity version:

• v3.x
• v4.x
• v5.x

Framework:

• Angular
• React
• Vue
• Other:

Framework version:
ie: Angular 11

Device:

• Type: [e.g. MacBook]
• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Additional notes

Add any other notes about the problem here.

[bdryanovski]

@Tushar2098 - thanks for reporting this we gonna investigate it a little bit more.

[Jinnie]

Clarity cares deeply about accessibility, and we work with our accessibility team to identify and triage issues. We have an internal tracking system to identify and verify accessibility issues, which has captured this already. Some issues with Clarity Angular are difficult to solve without causing side effects or breaking changes, and we have to balance concerns with fixing issues and breaking changes. As we build out Clarity Core, we are able to address these root cause accessibility issues and recommend adopting the Clarity Core implementations as they become available. We are closing this issue as we have the issues tracked internally.
The Clarity Core tree has better handling of Enter and Space keys, as can be seen from this example:
https://clarity.design/storybook/core/?path=/story/stories-tree-view--interactive
It is currently released in latest Clarity Core releases, but it is still a BETA version.
We'll further investigate if we can deliver this fix for Clarity Angular too.

[github-actions]

Hi there 👋, this is an automated message. To help Clarity keep track of discussions, we automatically lock closed issues after 14 days. Please look for another open issue or open a new issue with updated details and reference this one as necessary.