DevExtreme jQuery/JS - Accessibility

DevExtreme ensures equal access and usability for all users. This section describes accessibility areas that we take into consideration when developing our components.

Right-to-left support enables seamless adaptation of web content for languages that are written from right to left, such as Arabic or Hebrew. Most DevExtreme components support this feature.

Refer to the following demos for more information:

DataGrid Demo Navigation Components Demo Editor Components Demo

DevExtreme components support keyboard navigation that allows users who rely on alternative input methods to navigate and interact with the content.

You can use the keyboard to navigate in the following demos:

DataGrid Demo TreeList Demo

Screen reader support allows users with visual impairments to access the content. DevExtreme components include the following features that ensure the screen reader works properly:

• aria-* labels.
• Descriptions.
• Focus management.

We strive for our components to comply with WAI-ARIA standards.

DevExtreme includes a built-in Generic Contrast theme that ensures a proper contrast ratio between colors and makes components visually distinct for users with vision deficiencies.

DevExtreme components enable users with disabilities to access and interact with content on mobile devices. The components include responsiveness optimization, touch targets, and mobile-friendly interfaces.

Some components like Menu require additional settings to enable adaptivity. Refer to the following article for an example: Getting Started with Menu.

We use Lighthouse, Axe, and WAVE accessibility validation tools to check our components.

We aim to align our components with the Web Content Accessibility Guidelines (WCAG) and Section 508 standards.

See Also

• Documentation for Components

Refer to the following list for detailed information about each component's accessibility compliance:

Grid Components

• DataGrid
• TreeList

Actions and Lists

• Button
• ButtonGroup
• ContextMenu
• DropDownButton
• Gallery
• List
• RadioGroup

Form

• Form

Drop-Down Editors

• Autocomplete
• ColorBox
• DateBox
• DateRangeBox
• DropDownBox
• Lookup
• SelectBox
• TagBox

Other Editors

• Calendar
• CheckBox
• NumberBox
• RangeSlider
• Slider
• Switch

Navigation Components

• Accordion
• Menu
• MultiView
• TabPanel
• Tabs
• Toolbar
• TreeView

Overlay Components

• Popup
• Popover

Notifications

• ProgressBar