DOC Accessible gallery view #867
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change | ||||
|---|---|---|---|---|---|---|
|
|
@@ -23,6 +23,10 @@ title: 6.2.0 (unreleased) | |||||
|
|
||||||
| ### Accessibility improvements | ||||||
|
|
||||||
| #### Tab islands | ||||||
|
|
||||||
| We're introducing a concept we're calling "tab islands" within the CMS. Tab islands are any region that can be tabbed to, navigated using the arrow keys, and then tabbed out of. This allows users to easily skip over regions by simply pressing tab twice - once to tab into the island and once to tab back out again. | ||||||
|
Member
There was a problem hiding this comment.
Suggested change
The way this was written it sounds like we invented this concept :-) It's a standard pattern. While tab island is nicer to say and is more intuitive IMO, it's not the official term |
||||||
|
|
||||||
| #### 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. | ||||||
|
|
@@ -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 is now a [tab island](#tab-islands). | ||||||
|
Member
There was a problem hiding this comment.
Suggested change
|
||||||
|
|
||||||
| 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. | ||||||
|
|
||||||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.