Skip to main content
BuyLog In
Business Intelligence Dashboard
Search in…
Docs > Common Features > Accessibility > Web Dashboard Viewer Accessibility
All docs
V24.1
Business Intelligence Dashboard
Get Started
.NET Support
Basic Concepts and Terminology
Common Features
Binding to Data
Data Shaping
Interactivity
Underlying and Displayed Data
Appearance Customization
Advanced Analytics
Dashboard Layout
Printing and Exporting
Asynchronous Mode
Custom Connection Strings for Data Sources
Localization
Accessibility
Web Dashboard Viewer Accessibility
WinForms Dashboard
Web Dashboard
WPF Dashboard Viewer
Visual Studio Integration
Redistribution and Deployment
Video Tutorials
Migration Guides
Examples
End-User Documentation
.NET Framework API Reference
.NET API Reference
HTML JS Control API Reference
ASP.NET Client API Reference
Download CHM

Web Dashboard Viewer - Accessibility

  • 3 minutes to read

Accessibility Features Overview

Accessibility Requirement Support Level
Keyboard Navigation Support Icon-yes
Screen Reader Support Icon-yes
Contrast Color Theme Icon-yes
Lighthouse Accessibility Validation Icon-yes
Axe Accessibility Validation Icon-yes
WAVE Accessibility Validation Icon-yes

Icon-yes - all component features meet the requirements.

Accessibility Standards Compliance

Note

Dashboard items are built with DevExtreme widgets. Accessibility features for dashboard items in interactive mode align with DevExtreme widgets. For more information, review the following help topic: DevExtreme jQuery - Accessibility Documentation for Components.

The Document Viewer for the Web component, excluding the dashboard item content, complies with the Section 508 and WCAG 2.x standards criteria. We only encountered the following issues:

Section 508 criteria WCAG 2.x criteria Exception description
3.1.1 Language of Page The component does not expose UI language information to assistive technologies. A developer can specify a language in the page that contains the component.

Keyboard Navigation

Tab and Shift + Tab keys navigate between the following elements in the Dashboard layout:

When you select a dashboard item, press Enter to switch to interactive mode. This mode allows you to navigate within the item.

In interactive mode, you can use the Tab and Shift + Tab keys to navigate through the title elements and the dashboard element’s content. In the Dashboard element, the element’s content is implemented using the DevExtreme widget. The accessibility features of the widget and its accessibility conformance are described in detail in the following help topic: DevExtreme jQuery - Accessibility Documentation for Components.

A user can use the following keys to interact with the Document Viewer component:

Key Action
Tab (Shift+Tab) Navigates between dashboard layout elements. In Interactive mode, navigates within a dashboard item.
Enter Switches to Interactive mode when the focus is on a dashboard item. Expands or collapses a panel when a button is selected in the Tab panel.
Esc Exits Interactive mode.

Screen Reader Support

The Document Viewer for the Web component supports screen readers and complies with WAI-ARIA standards. The exceptions are listed in the Accessibility Standards Compliance topic section.

Contrast Color Theme

You can change theme options (colors, font size, and family) to improve readability, and create and apply a custom theme to meet the accessibility guidelines related to color contrast.

For more information on color schemes, refer to the following help topics:

ASP.NET Web Forms ASP.NET MVC ASP.NET Core
Themes and Styles Themes and Styles for an ASP.NET MVC Application Themes and Styles for an ASP.NET Core Application

Accessibility Mode

Accessibility mode for the Web Dashboard Viewer component is enabled out-of-the-box.