Controls: Improve the accessibility of the object control

[Sidnioulz]

Improves #24150 but does not close it. The PR improves accessibility. Before the PR, it was impossible to edit JSON controls with the keyboard. Now, it's very difficult but no longer impossible.

This branch is a rebase of #24580 that has suffered significant drift. Note that I am not the original PR author and the original PR had been approved by @JReinhold. I'm opening this new PR to provide a clean CI status and to free up @fscgustavo who wrote the original PR.

I'll edit the original issue with additional steps to bring it to completion.

Caution

I recommend squashing this PR, the commit history misuses semantic commits and could lead future maintainers to think these commits aren't supposed to make user-facing changes.

Greptile Summary

Improves keyboard accessibility for JSON controls in Storybook by introducing a new accessible accordion component and enhancing keyboard navigation patterns.

• Added new JsonNodeAccordion.tsx with proper ARIA attributes and keyboard support for JSON tree editing
• Removed global document event listeners in JsonNodes.tsx in favor of component-level keyboard handlers
• Added ARIA labels and improved focus states in Object.tsx for better screen reader support
• Simplified component structure and improved tab order by reordering interactive elements
• Removed editButtonElement prop from JsonTree component as part of accessibility improvements

[greptile-apps]

LGTM

_{4 file(s) reviewed, no comment(s)
Edit PR Review Bot Settings | Greptile}

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 5eac305.

Command	Status	Duration	Result
nx run-many -t build --parallel=3	✅ Succeeded	1m 25s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-05-28 07:18:15 UTC