Skip to content

Commit 684b11b

Browse files
TreeList & DataGrid: Add A11y Exception Info (#8244) (#8246)
1 parent a89a1c9 commit 684b11b

File tree

4 files changed

+40
-6
lines changed

4 files changed

+40
-6
lines changed

concepts/05 UI Components/DataGrid/05 Accessibility/10 Accessibility Standards Compliance.md

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,12 @@ The DataGrid component meets a variety of <a href="https://www.access-board.gov/
2424
<tr>
2525
<td>11.5.2.12 Execution of available actions</td>
2626
<td>2.1.1 Keyboard (Level A)</td>
27-
<td>Keyboard navigation is not supported for ColumnChooser items in 'drag' mode.</td>
27+
<td>
28+
<ul>
29+
<li>ColumnChooser items in 'drag' mode do not support keyboard navigation.</li>
30+
<li>Column resizing does not support keyboard actions (when <a href="/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#allowColumnResizing">allowColumnResizing</a> is enabled).</li>
31+
</ul>
32+
</td>
2833
</tr>
2934
<tr>
3035
<td>-</td>
@@ -45,7 +50,12 @@ The DataGrid component meets a variety of <a href="https://www.access-board.gov/
4550
<tr>
4651
<td>-</td>
4752
<td>2.5.8 Target Size (Minimum) (Level AA 2.2 only)</td>
48-
<td>Command buttons and icons.</td>
53+
<td>
54+
<ul>
55+
<li>Command buttons and icons.</li>
56+
<li>Column separators when <a href="/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#allowColumnResizing">allowColumnResizing</a> is enabled.</li>
57+
</ul>
58+
</td>
4959
</tr>
5060
<tr>
5161
<td>11.5.2.15 Change notification </td>

concepts/05 UI Components/DataGrid/05 Accessibility/15 Keyboard Navigation.md

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,14 @@
1-
A user can use the following keys to interact with the DataGrid component:
1+
DataGrid offers different keyboard controls depending on which action users want to perform.
2+
3+
[note]
4+
5+
- The following DataGrid features do not support the **Ctrl+Home** and **Ctrl+End** shortcuts:
6+
- Group summaries
7+
- Grouped data
8+
- Expanded master-detail interfaces
9+
- When **scrolling**.[columnRenderingMode](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/scrolling/#columnRenderingMode) is *"virtual"*, the [filter row](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/filterRow/) does not support keyboard navigation.
10+
11+
[/note]
212

313
<table class="dx-table full-width">
414
<tr>
@@ -104,3 +114,5 @@ A user can use the following keys to interact with the DataGrid component:
104114
</div>
105115

106116
You can override these shortcuts or create your own. Refer to the following help topic for more information: [Custom Keyboard Navigation](/concepts/05%20UI%20Components/DataGrid/70%20Custom%20Keyboard%20Navigation/00%20Custom%20Keyboard%20Navigation.md '/Documentation/Guide/UI_Components/DataGrid/Custom_Keyboard_Navigation/').
117+
118+
[note] On macOS, Cmd replaces the Ctrl key.

concepts/05 UI Components/TreeList/05 Accessibility/10 Accessibility Standards Compliance.md

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,12 @@ The TreeList component meets a variety of <a href="https://www.access-board.gov/
2424
<tr>
2525
<td>11.5.2.12 Execution of available actions</td>
2626
<td>2.1.1 Keyboard (Level A)</td>
27-
<td>Keyboard navigation is not supported for ColumnChooser items in 'drag' mode.</td>
27+
<td>
28+
<ul>
29+
<li>ColumnChooser items in 'drag' mode do not support keyboard navigation.</li>
30+
<li>Column resizing does not support keyboard actions (when <a href="/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/#allowColumnResizing">allowColumnResizing</a> is enabled).</li>
31+
</ul>
32+
</td>
2833
</tr>
2934
<tr>
3035
<td>-</td>
@@ -42,8 +47,9 @@ The TreeList component meets a variety of <a href="https://www.access-board.gov/
4247
<td>2.5.8 Target Size (Minimum) (Level AA 2.2 only)</td>
4348
<td>
4449
<ul>
45-
<li>Selection checkboxes and ‘Select all’ checkbox.</li>
50+
<li>Selection checkboxes and the ‘Select all’ checkbox.</li>
4651
<li>Command buttons and icons.</li>
52+
<li>Column separators when <a href="/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/#allowColumnResizing">allowColumnResizing</a> is enabled.</li>
4753
</ul>
4854
</td>
4955
</tr>

concepts/05 UI Components/TreeList/05 Accessibility/15 Keyboard Navigation.md

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
1-
A user can use the following keys to interact with the TreeList component:
1+
TreeList offers different keyboard controls depending on what action users wish to perform.
2+
3+
### Navigation
4+
5+
[note] When **scrolling**.[columnRenderingMode](/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/scrolling/#columnRenderingMode) is *"virtual"*, the [filter row](/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/filterRow/) does not support keyboard navigation.
26

37
<table class="dx-table">
48
<tr>
@@ -104,3 +108,5 @@ A user can use the following keys to interact with the TreeList component:
104108
</div>
105109

106110
You can override these shortcuts or create your own shortcuts using the [onKeyDown](/api-reference/10%20UI%20Components/dxTreeList/1%20Configuration/onKeyDown.md '/Documentation/ApiReference/UI_Components/dxTreeList/Configuration/#onKeyDown') event handler.
111+
112+
[note] On macOS, Cmd replaces the Ctrl key.

0 commit comments

Comments
 (0)