From 02e214d3d70732847df76ef83c55ba1593dcdbb1 Mon Sep 17 00:00:00 2001 From: Hristian Stefanov Date: Fri, 7 Feb 2025 19:10:06 +0200 Subject: [PATCH 1/3] chore(Toolbar): add scroll buttons --- components/toolbar/overview.md | 2 ++ knowledge-base/textbox-validate-on-change.md | 4 ++++ src-a11y/configs/floatingactionbutton.aria.yml | 15 +++++++++++++++ 3 files changed, 21 insertions(+) create mode 100644 src-a11y/configs/floatingactionbutton.aria.yml diff --git a/components/toolbar/overview.md b/components/toolbar/overview.md index 676df6ccf5..7dfd7fdebc 100644 --- a/components/toolbar/overview.md +++ b/components/toolbar/overview.md @@ -85,6 +85,8 @@ The Blazor ToolBar provides parameters to configure the component: | `Adaptive`
(deprecated) | `bool`
(`true`) | Toggles the overflow popup of the ToolBar. The component displays an additional anchor on its side, where it places all items which do not fit and overflow. [Template items](slug://toolbar-templated-item#notes) don't participate in this mechanism and they are always rendered in the ToolBar itself. This parameter is deprecated in favor of `OverflowMode`. | | `Class` | `string` | The CSS class to be rendered on the main wrapping element of the ToolBar component, which is `
`. Use for [styling customizations](slug://themes-override). | | `OverflowMode` | `ToolBarOverflowMode`
(`Menu`) | The adaptive mode of the Toolbar. | +| `ScrollButtonsPosition` | `ToolBarScrollButtonsPosition` enum
(`ToolBarScrollButtonsPosition.Split`) | Specifies the position of the buttons when the ToolBar scroll adaptive mode is enabled. | +| `ScrollButtonsVisibility` | `ToolBarScrollButtonsVisibility` enum
(`ToolBarScrollButtonsVisibility.Visible`)| Specifies the visibility of the buttons when the ToolBar scroll adaptive mode is enabled. | ### Styling and Appearance diff --git a/knowledge-base/textbox-validate-on-change.md b/knowledge-base/textbox-validate-on-change.md index 3bbb7e6884..328c671e61 100644 --- a/knowledge-base/textbox-validate-on-change.md +++ b/knowledge-base/textbox-validate-on-change.md @@ -17,6 +17,10 @@ res_type: kb Product TextBox for Blazor + + Product Version + 2.30 and older + diff --git a/src-a11y/configs/floatingactionbutton.aria.yml b/src-a11y/configs/floatingactionbutton.aria.yml new file mode 100644 index 0000000000..ed0f2c2e74 --- /dev/null +++ b/src-a11y/configs/floatingactionbutton.aria.yml @@ -0,0 +1,15 @@ +title: Wai-Aria Support +component: FloatingActionButton +from: /aria/floatingactionbutton_aria.md +dest: ../components/floatingactionbutton/accessibility/wai-aria-support.md +slug: floatingactionbutton-wai-aria-support +position: 50 +after: | + ## Keyboard Navigation + + For details on how the keyboard navigation works in Telerik UI for Blazor, refer to the [Accessibility Overview](slug://accessibility-overview#keyboard-navigation) article. + + ## See Also + + * [FloatingActionButton Overview](https://demos.telerik.com/blazor-ui/floatingactionbutton/overview) + * [Accessibility in Telerik UI for Blazor](slug://accessibility-overview) \ No newline at end of file From a175f8c61026c4f4ea5ffbb228d2868f52df792a Mon Sep 17 00:00:00 2001 From: kendo-bot Date: Fri, 7 Feb 2025 17:12:52 +0000 Subject: [PATCH 2/3] docs: update accessibility and keyboard-nav specs --- .../accessibility/wai-aria-support.md | 80 +++++++++++++++++++ 1 file changed, 80 insertions(+) create mode 100644 components/floatingactionbutton/accessibility/wai-aria-support.md diff --git a/components/floatingactionbutton/accessibility/wai-aria-support.md b/components/floatingactionbutton/accessibility/wai-aria-support.md new file mode 100644 index 0000000000..f6648ffc78 --- /dev/null +++ b/components/floatingactionbutton/accessibility/wai-aria-support.md @@ -0,0 +1,80 @@ +--- +title: Wai-Aria Support +page_title: Telerik UI for Blazor FloatingActionButton Documentation | FloatingActionButton Accessibility +description: "Get started with the Telerik UI for Blazor FloatingActionButton and learn about its accessibility support for WAI-ARIA, Section 508, and WCAG 2.2." +tags: telerik,blazor,accessibility,wai-aria,wcag +slug: floatingactionbutton-wai-aria-support +position: 50 +--- + +# Blazor FloatingActionButton Accessibility + +@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout) + + + +Out of the box, the Telerik UI for Blazor FloatingActionButton provides extensive accessibility support and enables users with disabilities to acquire complete control over its features. + + +The FloatingActionButton 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. + +## WAI-ARIA + + +This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any. + + +The FloatingActionButton features two distinct modes of operation: button-only and button-with-menu. + +### Button-Only Mode + +| Selector | Attribute | Usage | +| -------- | --------- | ----- | +| `.k-fab` | `role=button` or `nodeName=button` | Omitted if the `