diff --git a/docs-aspnet/backwards-compatibility/2024-backwards-compatibility.md b/docs-aspnet/backwards-compatibility/2024-backwards-compatibility.md index 6e8d83a03ac..3ebe24a1cda 100644 --- a/docs-aspnet/backwards-compatibility/2024-backwards-compatibility.md +++ b/docs-aspnet/backwards-compatibility/2024-backwards-compatibility.md @@ -24,6 +24,9 @@ As of the Q2 2024 release, the `Telerik.Web.Captcha` package targets .NET Framew **Telerik.Web.Spreadsheet** As of the Q2 2024 release, the `Telerik.Web.Spreadsheet` package targets .NET Framework 4.6.2 + +**Kendo.Mvc.Export** +As of the Q2 2024 release, the `Kendo.Mvc.Export.dll` assembly targets .NET Framework 4.6.2 {% endif %} ### Chart diff --git a/docs/controls/dialog/accessibility/overview.md b/docs/controls/dialog/accessibility/overview.md new file mode 100644 index 00000000000..fc5f9eb88b1 --- /dev/null +++ b/docs/controls/dialog/accessibility/overview.md @@ -0,0 +1,79 @@ +--- +title: Overview +page_title: jQuery Dialog Documentation | Dialog Accessibility +description: "Get started with the jQuery Dialog by Kendo UI and learn about its accessibility support for WAI-ARIA, Section 508, and WCAG 2.2." +slug: accessibility_kendoui_dialog_widget +position: 1 +--- + +# Dialog Accessibility + +The Dialog is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support. + + For more information, refer to [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %}). + + + + +Out of the box, the Kendo UI for jQuery Dialog provides extensive accessibility support and enables users with disabilities to acquire complete control over its features. + + +The Dialog is compliant with the [Web Content Accessibility Guidelines (WCAG) 2.2 AA](https://www.w3.org/TR/WCAG22/) standards](https://www.w3.org/TR/WCAG22/) and [Section 508](http://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. + +## WAI-ARIA + + +This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any. + +### Dialog component + +| Selector | Attribute | Usage | +| -------- | --------- | ----- | +| `.k-dialog` | `role=dialog` | Announces the dialog role of the component. | +| | `aria-labelledby=.k-dialog-titlebar id` | Associate the title of the dialog. | +| | `aria-describedby=.k-dialog-content id` | Associate the dialog content to the wrap element. | +| `.k-overlay + .k-dialog` | `aria-modal=true` | Announces that the dialog is modal. Attribute is added only when the dialog is modal. | + +### Predefined dialogs + +| Selector | Attribute | Usage | +| -------- | --------- | ----- | +| `.k-dialog.k-prompt,.k-dialog.k-alert,.k-dialog.k-confirm` | `role=alertdialog` | Announces the dialog role of the component. | + +## Resources + +[ARIA practices Modal Dialog Example](https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/dialog) + +## Section 508 + + +The Dialog is fully compliant with the [Section 508 requirements](http://www.section508.gov/). + +## Testing + + +The Dialog has been extensively tested automatically with [axe-core](https://github.com/dequelabs/axe-core) and manually with the most popular screen readers. + +> To report any accessibility issues, contact the team through the [Telerik Support System](https://www.telerik.com/account/support-center). + +### Screen Readers + + +The Dialog has been tested with the following screen readers and browsers combinations: + +| Environment | Tool | +| ----------- | ---- | +| Firefox | NVDA | +| Chrome | JAWS | +| Microsoft Edge | JAWS | + + + +### Automated Testing +The Dialog has been tested with [axe-core](https://github.com/dequelabs/axe-core). +### Test Example +A live test example of the Dialog component could be found here: https://demos.telerik.com/kendo-ui/accessibility/dialog +## See Also +* [Keyboard Navigation by the Dialog (Demo)](https://demos.telerik.com/kendo-ui/dialog/keyboard-navigation) +* [Keyboard Support in Kendo UI for jQuery]({% slug keyboard_shortcuts_accessibility_support %}) +* [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %}) \ No newline at end of file diff --git a/docs/controls/dropdownbutton/accessibility/overview.md b/docs/controls/dropdownbutton/accessibility/overview.md index 02aec94abbd..03b3cdbedf3 100644 --- a/docs/controls/dropdownbutton/accessibility/overview.md +++ b/docs/controls/dropdownbutton/accessibility/overview.md @@ -1,6 +1,6 @@ --- title: Overview -page_title: jQuery DropDownButton Documentation - Accessibility +page_title: jQuery DropDownButton Documentation | DropDownButton Accessibility description: "Get started with the jQuery DropDownButton by Kendo UI and learn about its accessibility support for WAI-ARIA, Section 508, and WCAG 2.2." slug: accessibility_kendoui_dropdownbutton_widget position: 1 @@ -10,26 +10,83 @@ position: 1 The DropDownButton is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support. -For more information, refer to: + For more information, refer to: * [Keyboard navigation by the Kendo UI DropDownButton]({% slug keynav_kendoui_dropdownbutton_widget %}) * [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %}) + + + +Out of the box, the Kendo UI for jQuery DropDownButton provides extensive accessibility support and enables users with disabilities to acquire complete control over its features. + + +The DropDownButton is compliant with the [Web Content Accessibility Guidelines (WCAG) 2.2 AA](https://www.w3.org/TR/WCAG22/) standards](https://www.w3.org/TR/WCAG22/) and [Section 508](http://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. + ## WAI-ARIA -The widget follows the WAI-ARIA Authoring Practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers. -For more information, refer to the article on [WAI-ARIA support in Kendo UI for jQuery]({% slug wai_aria_accessibility_support %}). + +This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any. + +### Main Button Element + + +The following table summarizes the selectors and attributes supported by the main `button` element of the DropDownButton: + +| Selector | Attribute | Usage | +| -------- | --------- | ----- | +| `.k-menu-button` | `role=button` or `nodeName=button` | Omitted if the `