IQSS / dataverse-frontend / 25375307338

98%

develop: 97%

Build Type

Pull #898

github

Committed by ErykKul

Commit Message

Tree view keyboard navigation and ARIA tree pattern (M4 polish)

Adds proper accessibility scaffolding and keyboard navigation per the
WAI-ARIA tree role.

A11y attributes:
- Viewport: role="tree", aria-multiselectable="true", aria-label.
- Each row: role="treeitem", aria-expanded (folders only),
  aria-selected (only when fully selected — partial state is conveyed
  via the checkbox's aria-checked="mixed"), aria-level (1-based depth).

Roving tabindex:
- Exactly one row at a time has tabIndex=0; the rest are tabIndex=-1.
- Focus index resets / clamps when the visible row set changes (e.g.
  after a folder expand/collapse or a query filter).
- The focused row scrolls into view automatically on focus changes
  triggered by keyboard.

Keyboard handlers (per WAI-ARIA tree pattern):
- ArrowDown / ArrowUp: previous/next visible item row.
- Home / End: first / last item row.
- ArrowRight on a folder: expands if collapsed; otherwise moves
  focus to the first child.
- ArrowLeft: collapses an expanded folder; otherwise moves focus to
  the parent row at depth-1.
- Space: toggles selection (file or folder).
- Enter on a folder: toggles expansion. On a file, the default
  browser behaviour activates the filename anchor.

Non-item rows (loading / error / load-more) are skipped for focus.
Mouse focus on a row also updates the focused index, so click-then-
keyboard works as expected.

New locale key: tree.label = "Dataset files" (used as the tree's
aria-label).

Pull Request Pull Request #898: Feature/standalone file uploader

Coverage Stats

1578 of 1634 branches covered (96.57%)

Branch coverage included in aggregate %.

12 of 12 new or added lines in 3 files covered. (100.0%)

23 existing lines in 12 files now uncovered.

3789 of 3839 relevant lines covered (98.7%)

10902.77 hits per line