Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
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
Binary file added docs/5.x/images/skip-links.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
36 changes: 36 additions & 0 deletions docs/5.x/system/control-panel.md
Original file line number Diff line number Diff line change
Expand Up @@ -257,3 +257,39 @@ In some situations, dragging can be combined with [group selections](#group-sele
### Search

Craft has a powerful [search](searching.md) system that complements the [condition builder](elements.md#filters-and-columns) on every element index.

## Accessibility

### Navigation

Skip links and landmarks have been incorporated throughout the control panel to make keyboard and screen reader navigation more straightforward.

#### Skip Links
Global skip links are found at the beginning of each control panel screen.

![A link to 'Skip to main section' has visible focus at the beginning of the Dashboard page](../images/skip-links.png)

These include:
- **Skip to main section:** Skips to the `main` container. This container includes the page header, which contains the page title and controls for the current screen.
- **Skip to left sidebar:** <Since ver="5.7.0" /> Skips to the sub-navigation container (when using an LTR orientation). For example:
- On element index pages, this moves keyboard focus to the "Sources" menu.
- On account pages, this moves keyboard focus to the "Account" navigation.
- **Skip to content:** <Since ver="5.7.0" /> Skips to the primary content pane on the page.
- **Skip to right sidebar:** <Since ver="5.7.0" /> Skips to the details container (when using an LTR orientation), which includes page metadata.

In addition to global skip links, other parts of the control panel may include skip links. For example:
- On element index pages, a **Skip to footer** link allows you to skip to the pagination and actions in the footer bar

#### Landmarks

### Alternative Text

Image and video assets can have alternative text populate in the control panel when they use the Alternative Text native field.

### User Preferences

#### Session Limits

#### Underlines

#### Status Icons