Section 508, WCAG 2 Compliance, Linked Controls - ASP.NET AJAX Data Editors Demo

To try the demo, run a screen reader (NVDA or JAWS only), and click items within the Categories list box. Corresponding products will appear in the Accepted products grid. The screen reader will pronounce any changes in the Categories list box and the Accepted products grid.

Categories:

main content

Accepted products:

Product ID

Product Name

No data to display

This demo illustrates how to provide a screen reader or braille display with information about dynamically updated ASPxGridView content each time the user selects or deselects ASPxListBox's items provided that the AccessibilityCompliant property of both editors is enabled.

Follow these steps to implement this functionality.

Handle the ASPxClientListBox.SelectedIndexChanged event and call the ASPxClientGridView.PerformCallback method to filter the grid when the list box selection is changed.
Handle the ASPxClientGridView.EndCallback event to check if the grid's content has been changed after a user selected or deselected list box items. If any changes occur, pass the generated message text as an argument to the ASPxClientUtils.SendMessageToAssistiveTechnology method.

To check the accessibility level of the controls used in the demo, run the WAVE or W3C automated web accessibility evaluation tool. In addition, you can enable the High Contrast mode to make sure the demo is rendered correctly in this mode.

See Also:

Accessibility Techniques Used in DevExpress Demos

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.

You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).

Open CS Solution

Open VB Solution

The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxEditorsDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxEditorsDemos

Linked Controls

Your Next Great ASP.NET App Starts Here