⚡️(frontend) improve accessibility of selected document's sub-menu

[Ovgodd]

Purpose

This PR improves the keyboard accessibility of the document tree following the WAI-ARIA Authoring Practices (APG) and WCAG 2.1 guidelines.

Issue: #1160

Sub-document navigation is now fully accessible: users can navigate and open sub-documents using the keyboard.

Keyboard interactions

Key	Behavior
↑ / ↓	Move between tree items
→ / ←	Expand/collapse items in the tree (if available)
Enter / Space	Activate the currently focused document (open / navigate)
F2	Move focus into the action menu (e.g., “more options” button)
← / → (menu)	Navigate between actions inside the toolbar
Tab / Shift+Tab	Leave the tree and move to the next/previous focusable element

Accessibility compliance

• WCAG 2.1 – 2.1.1 Keyboard: All functionality is operable via keyboard.
• WAI-ARIA TreeView & Toolbar patterns:
  • Enter / Space for activation
  • F2 to switch between navigation and action mode

Benefits

• Keyboard users can fully navigate the tree, open documents, and access contextual actions.
• Screen reader users benefit from proper roles, states, and expected keyboard behavior.
• The interaction model now matches desktop and web accessibility standards.

Proposal

For the action buttons (like “more options” or “add child document”) that appear when a tree item is focused:

• React-Arborist uses a roving tabindex by default, so these buttons were not reachable with Tab.
• To fix this and make them keyboard-accessible:
  • Added a useActionableMode hook to manage focus and keyboard interactions.
  • Added :focus-within on the tree item wrapper to show the contextual action menu when a child receives focus.
  • Added :focus-visible outlines on buttons inside the menu for clear visual feedback.
  • Added aria-label attributes to make icon-only buttons screen reader accessible (e.g., “More options”, “Add child document”).
  • Added onKeyDown handlers to support Enter and Space on icon buttons.

[Ovgodd]

When there is a subdocs, I cannot unfold the doc with keyboard.

Enregistrement.de.l.ecran.2025-08-12.125242.mp4

subdocnavarrow.mp4

Fixed !

[github-actions]

Size Change: +2.86 kB (+0.08%)

Total Size: 3.64 MB

Filename	Size	Change
apps/impress/out/_next/static/ad5f7d28/_buildManifest.js	0 B	-867 B (removed)	🏆
apps/impress/out/_next/static/chunks/9237.js	50.9 kB	+1.85 kB (+3.77%)
apps/impress/out/_next/static/chunks/pages/_app.js	402 kB	+1 kB (+0.25%)
apps/impress/out/_next/static/28eeca05/_buildManifest.js	866 B	+866 B (new file)	🆕

_{compressed-size-action}