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.
This demo illustrates how to provide a screen reader or braille display with information about dynamically updated GridView content each time the user selects or deselects ListBox's items provided that the AccessibilityCompliant property of both editors is enabled.
Follow these steps to implement this functionality.
- Handle the MVCxClientListBox.SelectedIndexChanged event and call the MVCxClientGridView.PerformCallback method to filter the grid when the list box selection is changed.
- Handle the MVCxClientGridView.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.SendMessageToAssistiveTechnologies 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.