Skip to content

Commit d5063e4

Browse files
committed
Sync with Kendo UI Professional
1 parent 447aedb commit d5063e4

File tree

149 files changed

+9546
-576
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

149 files changed

+9546
-576
lines changed

docs-aspnet/html-helpers/conversational-ui/aiprompt/accessibility/overview.md

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,12 @@ The AIPrompt is compliant with the [Web Content Accessibility Guidelines (WCAG)
1414

1515
## WAI-ARIA
1616

17+
1718
This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any.
1819

1920
### AIPrompt
2021

22+
2123
The AIPrompt component is a composite one and integrates the accessibility of the Toolbar, TextArea, Card List container.
2224

2325
### TextArea Component
@@ -26,15 +28,16 @@ The AIPrompt component is a composite one and integrates the accessibility of th
2628

2729
### Prompt Suggestion Component
2830

29-
The Prompt Suggestion list implements roving tabindex navigation. Meaning that only one suggestion has `tabindex=0`. The display of the suggestion list is controlled by the expand button.
31+
32+
The Prompt suggestion list implements roving tabindex navigation. Meaning that only one suggestion has tabindex=0. The display of the suggestion list is controlled by the expand button.
3033

3134
| Selector | Attribute | Usage |
3235
| -------- | --------- | ----- |
3336
| `.k-prompt-expander .k-button` | `aria-controls=.k-prompt-expander-content id` | Points to the controlled element based on the given `id`. |
3437
| | `aria-expanded=true/false` | Indicates the expanded state of the prompt expander content. |
3538
| `.k-prompt-expander .k-prompt-expander-content` | `role=list` | Indicates that the suggestion container element is a list. |
3639
| `.k-prompt-expander .k-prompt-suggestion` | `role=listitem` | Indicates that the suggestion element is a listitem. |
37-
| | `tabindex=0/-1` | The element must be focusable. |
40+
| | `tabindex=0/-1` | The element should be focusable. |
3841

3942
### Toolbar Component
4043

@@ -46,16 +49,19 @@ The Prompt Suggestion list implements roving tabindex navigation. Meaning that o
4649

4750
## Section 508
4851

49-
The AIPrompt is fully compliant with the [Section 508 requirements](https://www.section508.gov/).
52+
53+
The AIPrompt is fully compliant with the [Section 508 requirements](http://www.section508.gov/).
5054

5155
## Testing
5256

57+
5358
The AIPrompt has been extensively tested automatically with [axe-core](https://github.com/dequelabs/axe-core) and manually with the most popular screen readers.
5459

5560
> To report any accessibility issues, contact the team through the [Telerik Support System](https://www.telerik.com/account/support-center).
5661
5762
### Screen Readers
5863

64+
5965
The AIPrompt has been tested with the following screen readers and browsers combinations:
6066

6167
| Environment | Tool |
@@ -64,6 +70,8 @@ The AIPrompt has been tested with the following screen readers and browsers comb
6470
| Chrome | JAWS |
6571
| Microsoft Edge | JAWS |
6672

73+
74+
6775
### Test Example
6876

6977
To test the AIPrompt component, refer to the [ActionSheet Accessibility Demo](https://demos.telerik.com/{{ site.platform }}/accessibility/aiprompt).

docs-aspnet/html-helpers/conversational-ui/chat/accessibility/overview.md

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,12 @@ position: 1
1010

1111
Out of the box, the {{ site.product }} Chat provides extensive accessibility support and enables users with disabilities to acquire complete control over its features.
1212

13+
1314
The Chat is compliant with the [Web Content Accessibility Guidelines (WCAG) 2.2 AA](https://www.w3.org/TR/WCAG22/) standards and [Section 508](https://www.section508.gov/) requirements, follows the [Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA)](https://www.w3.org/WAI/ARIA/apg/) best practices for implementing the [keyboard navigation](#keyboard-navigation) for its `component` role, provides options for managing its focus and is tested against the most popular screen readers.
1415

1516
## WAI-ARIA
1617

18+
1719
This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any.
1820

1921
| Selector | Attribute | Usage |
@@ -40,16 +42,19 @@ Chat ToolBar follows the specification for the the ToolBar component.
4042

4143
## Section 508
4244

43-
The Chat is fully compliant with the [Section 508 requirements](https://www.section508.gov/).
45+
46+
The Chat is fully compliant with the [Section 508 requirements](http://www.section508.gov/).
4447

4548
## Testing
4649

50+
4751
The Chat has been extensively tested automatically with [axe-core](https://github.com/dequelabs/axe-core) and manually with the most popular screen readers.
4852

4953
> To report any accessibility issues, contact the team through the [Telerik Support System](https://www.telerik.com/account/support-center).
5054
5155
### Screen Readers
5256

57+
5358
The Chat has been tested with the following screen readers and browsers combinations:
5459

5560
| Environment | Tool |
@@ -58,6 +63,8 @@ The Chat has been tested with the following screen readers and browsers combinat
5863
| Chrome | JAWS |
5964
| Microsoft Edge | JAWS |
6065

66+
67+
6168
### Test Example
6269

6370
To test the Chat component, refer to the [Chat Accessibility Demo](https://demos.telerik.com/{{ site.platform }}/accessibility/chat).

docs-aspnet/html-helpers/data-management/filemanager/accessibility/overview.md

Lines changed: 30 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -8,67 +8,86 @@ position: 1
88

99
# FileManager Accessibility
1010

11+
12+
13+
14+
1115
Out of the box, the {{ site.product }} FileManager provides extensive accessibility support and enables users with disabilities to acquire complete control over its features.
1216

17+
1318
The FileManager is compliant with the [Web Content Accessibility Guidelines (WCAG) 2.2 AA](https://www.w3.org/TR/WCAG22/) standards and [Section 508](https://www.section508.gov/) requirements, follows the [Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA)](https://www.w3.org/WAI/ARIA/apg/) best practices for implementing the [keyboard navigation](#keyboard-navigation) for its `component` role, provides options for managing its focus and is tested against the most popular screen readers.
1419

1520
## WAI-ARIA
1621

22+
1723
This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any.
1824

25+
1926
The FileManager component is a composite component that is used to represent file system-like structure. It contains:
2027

21-
* `ToolBar` - on top of the component
22-
* `Splitter` - it separates the panes in the component
23-
* `TreeView` - in its left pane
24-
* `Breadcrumb` - in the top of its center pane
25-
* `ListView` or a `Grid` - in its center pane
26-
* `k-filemanager-preview` element - in its right pane
28+
29+
- `ToolBar` - on top of the component
30+
- `Splitter` - it separates the panes in the component
31+
- `TreeView` - in its left pane.
32+
- `Breadcrumb` - in the top of its center pane
33+
- `ListView` or a `Grid` - in its center pane.
34+
- `k-filemanager-preview` element - in its right pane
35+
2736

2837
Each component implements its own dedicated ARIA spec.
2938

39+
3040
The FileManager component integrates the ToolBar component and follows its WAI-ARIA spec:
3141

3242
[ToolBar accessibility specification]({% slug accessibility_toolbar_overview %})
3343

44+
3445
The component that organizes the inner structure of the FileManager is a Splitter:
3546

3647
[Splitter accessibility specification]({% slug accessbility_aspnetcore_splitter %})
3748

49+
3850
The main navigation component in the FileManager is the TreeView:
3951

4052
[TreeView accessibility specification]({% slug accessibility_aspnetcore_treeview %})
4153

54+
4255
The helper navigation component in the FileManager is the Breadcrumb:
4356

4457
[Breadcrumb accessibility specification]({% slug accessibility_aspnetcore_breadcrumb %})
4558

59+
4660
The component placed in the main pain of the FileManager can be a selectable ListView:
4761

4862
[ListView accessibility specification]({% slug accessibility_htmlhelpers_listview %})
4963

64+
5065
or it can be a Grid:
5166

5267
[Grid accessibility specification]({% slug accessibility_aspnetcore_grid %})
5368

54-
Apart from that, the `.k-filemanager-preview` element must be focusable so that its content can be communicated to the users:
69+
70+
Apart from that the `.k-filemanager-preview` element must be focusable, so that its content would be communicated to the users:
5571

5672
| Selector | Attribute | Usage |
5773
| -------- | --------- | ----- |
58-
| `.k-filemanager-preview` | `tabindex=0` | The element must be focusable, so that its content can be communicated to the users. |
74+
| `.k-filemanager-preview` | `tabindex=0` | The element must be focusable, so that its content would be comunicated to the users. |
5975

6076
## Section 508
6177

62-
The FileManager is fully compliant with the [Section 508 requirements](https://www.section508.gov/).
78+
79+
The FileManager is fully compliant with the [Section 508 requirements](http://www.section508.gov/).
6380

6481
## Testing
6582

83+
6684
The FileManager has been extensively tested automatically with [axe-core](https://github.com/dequelabs/axe-core) and manually with the most popular screen readers.
6785

6886
> To report any accessibility issues, contact the team through the [Telerik Support System](https://www.telerik.com/account/support-center).
6987
7088
### Screen Readers
7189

90+
7291
The FileManager has been tested with the following screen readers and browsers combinations:
7392

7493
| Environment | Tool |
@@ -77,6 +96,8 @@ The FileManager has been tested with the following screen readers and browsers c
7796
| Chrome | JAWS |
7897
| Microsoft Edge | JAWS |
7998

99+
100+
80101
### Test Example
81102

82103
To test the FileManager component, refer to the [FileManager Accessibility Demo](https://demos.telerik.com/{{ site.platform }}/accessibility/filemanager).

docs-aspnet/html-helpers/data-management/filter/accessibility/overview.md

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,14 +8,21 @@ position: 1
88

99
# Filter Accessibility
1010

11+
12+
13+
14+
1115
Out of the box, the {{ site.product }} Filter provides extensive accessibility support and enables users with disabilities to acquire complete control over its features.
1216

17+
1318
The Filter is compliant with the [Web Content Accessibility Guidelines (WCAG) 2.2 AA](https://www.w3.org/TR/WCAG22/) standards and [Section 508](https://www.section508.gov/) requirements, follows the [Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA)](https://www.w3.org/WAI/ARIA/apg/) best practices for implementing the [keyboard navigation](#keyboard-navigation) for its `component` role, provides options for managing its focus and is tested against the most popular screen readers.
1419

1520
## WAI-ARIA
1621

22+
1723
This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any.
1824

25+
1926
The Filter component represents visually the structure of a filter object. As the filter object can contain nested objects, that hierarchical structure must be represented in the accessibility tree by the `role=tree` assigned to the component.
2027

2128
| Selector | Attribute | Usage |
@@ -27,24 +34,28 @@ The Filter component represents visually the structure of a filter object. As th
2734
| `.k-toolbar` | `role=toolbar` | The role represents a collection of tools. |
2835
| | `aria-label` | Specifies a label for the toolbar. |
2936

30-
Each toolbar in the Filter must follow the specification for a ToolBar component. The elements inside the FilterGroup follow the ARIA specification applicable to their specific roles.
37+
38+
Each toolbar in the Filter should follow the specification for a ToolBar component. The elements inside the FilterGroup follow the ARIA specification applicable to their specific roles.
3139

3240
## Resources
3341

3442
[WAI-ARIA specification for toolbar](https://www.w3.org/TR/wai-aria-1.2/#toolbar)
3543

3644
## Section 508
3745

38-
The Filter is fully compliant with the [Section 508 requirements](https://www.section508.gov/).
46+
47+
The Filter is fully compliant with the [Section 508 requirements](http://www.section508.gov/).
3948

4049
## Testing
4150

51+
4252
The Filter has been extensively tested automatically with [axe-core](https://github.com/dequelabs/axe-core) and manually with the most popular screen readers.
4353

4454
> To report any accessibility issues, contact the team through the [Telerik Support System](https://www.telerik.com/account/support-center).
4555
4656
### Screen Readers
4757

58+
4859
The Filter has been tested with the following screen readers and browsers combinations:
4960

5061
| Environment | Tool |
@@ -53,6 +64,8 @@ The Filter has been tested with the following screen readers and browsers combin
5364
| Chrome | JAWS |
5465
| Microsoft Edge | JAWS |
5566

67+
68+
5669
### Test Example
5770

5871
To test the Filter component, refer to the [Filter Accessibility Demo](https://demos.telerik.com/{{ site.platform }}/accessibility/filter).

0 commit comments

Comments
 (0)