Skip to content

DOC Accessible gallery view #867

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
emteknetnz merged 1 commit into from
Jan 28, 2026
Merged

DOC Accessible gallery view #867

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions en/08_Changelogs/6.2.0.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,10 @@ title: 6.2.0 (unreleased)

### Accessibility improvements

#### Roving tabindex

We've implemented roving tabindex for some UI regions within the CMS. These areas now act as a single tab stop, allowing users to navigate internal items with arrow keys and skip the entire section with a single tab. This aligns with standard ARIA practices for keyboard-accessible navigation.

#### Skip nav link added

A skip link has been added to the CMS to allow users to skip past the main navigation. This is primarily for users who use a screen reader or who navigate via the keyboard. The link is visually hidden until it receives focus by pressing the tab key.
Expand All @@ -31,6 +35,14 @@ A skip link has been added to the CMS to allow users to skip past the main navig

Keyboard navigation has been added for the site tree within the CMS. Users can now navigate, expand, and collapse tree nodes using arrow keys or the tab key. The "End" and "Home" keys move focus to the top and bottom page in the current nesting level, and the space bar expands and collapses nodes with children.

#### Keyboard navigation for "Files" admin section

Keyboard navigation has been improved for the gallery view in the "Files" admin section. The files gallery now uses a [roving tabindex](#roving-tabindex).

Users can now navigate between files and folders in the gallery view using arrow keys. The "End" and "Home" keys move focus to the first and last items in the current row, and holding control with those keys moves focus to the first and last items in the gallery respectively. Pressing "Space" on a focused file or folder selects it. Pressing "Enter" on a focused file or folder is the same as clicking on it.

Various other attributes have also been added as appropriate so that screen reader users can navigate the gallery view.

#### Improved keyboard navigation for tabs

The CMS now supports keyboard navigation between tabs using the left and right arrow keys (go to the previous or next tab) and the Home and End keys (go to the first and last tab). When a user sets focus on a tab using the keyboard, the relevant tab panel is automatically displayed, removing the need to press Enter or Space to activate the tab.
Expand Down