Blazor DockManager Accessibility
Out of the box, the Telerik UI for Blazor DockManager provides extensive accessibility support and enables users with disabilities to acquire complete control over its features.
The DockManager is compliant with the Web Content Accessibility Guidelines (WCAG) 2.2 AA standards and Section 508 requirements, follows the Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) best practices for implementing the keyboard navigation for its component role, provides options for managing its focus and is tested against the most popular screen readers.
WAI-ARIA
This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any.
The DockManager component consists of multiple inner panes, each containing tools, tabs, and content that can be resized, rearranged, and interacted with.
| Selector | Attribute | Usage |
|---|---|---|
.k-dock-manager | role=application | Indicates that the DockManager has its own keyboard navigation implemented. |
aria-live=polite | Defines dynamic content changes within the DockManager container that need to be announced by screen readers. | |
.k-dock-navigator | aria-hidden=true | The navigator needs to be hidden from the readers as it appears only on drag. |
DockManager Toolbar
The Toolbar in the DockManager element of the component should implement the specification for the Toolbar component.
Toolbar accessibility specification
DockManager TabStrip
The TabStrip in the DockManager element of the component should implement the specification for the TabStrip component.
TabStrip accessibility specification
DockManager Splitter
The Splitter in the DockManager element of the component should implement the specification for the Splitter component.
Splitter accessibility specification
DockManager Window
The Window elements in the DockManager element of the component should implement the specification for the Window component.
Window accessibility specification
Section 508
The DockManager is fully compliant with the Section 508 requirements.
Testing
The DockManager has been extensively tested automatically with axe-core and manually with the most popular screen readers.
To report any accessibility issues, contact the team through the Telerik Support System.
Screen Readers
The DockManager has been tested with the following screen readers and browsers combinations:
| Environment | Tool |
|---|---|
| Firefox | NVDA |
| Chrome | JAWS |
| Microsoft Edge | JAWS |
Keyboard Navigation
For details on how the keyboard navigation works in Telerik UI for Blazor, refer to the Accessibility Overview article.