From 620dd0de2bc372b64338f5ca4f798e81b0169f4c Mon Sep 17 00:00:00 2001 From: Viswajith-SF4388 <154953446+Viswajith-SF4388@users.noreply.github.com> Date: Fri, 6 Dec 2024 13:27:48 +0530 Subject: [PATCH 1/4] 925705: Disabling keyboard interaction in carousel in UG was added. --- blazor/carousel/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor/carousel/accessibility.md b/blazor/carousel/accessibility.md index 5948ff37a2..193d140f67 100644 --- a/blazor/carousel/accessibility.md +++ b/blazor/carousel/accessibility.md @@ -54,7 +54,7 @@ The Blazor carousel component is designed by considering [WAI-ARIA](https://www. ## Keyboard interaction -By default, keyboard navigation is enabled. This component implements keyboard navigation support by following the WAI-ARIA practices. Once focused on the active Carousel element, you can use the following key combination for interacting with the Carousel. +All the Carousel actions can be controlled via keyboard keys by using the [`allowKeyboardInteraction`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfCarousel.html#Syncfusion_Blazor_Navigations_SfCarousel_AllowKeyboardInteraction). This component implements keyboard navigation support by following the WAI-ARIA practices. Once focused on the active Carousel element, you can use the following key combination for interacting with the Carousel. | Key | Description | | ------------------ | --------------------------------------------------------------- | From 84dece5ebd911a8ff79f93566c5c817125949f4a Mon Sep 17 00:00:00 2001 From: Viswajith-SF4388 <154953446+Viswajith-SF4388@users.noreply.github.com> Date: Fri, 6 Dec 2024 17:41:12 +0530 Subject: [PATCH 2/4] 925705: Disabling keyboard interaction in carousel in UG was added. --- blazor/carousel/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor/carousel/accessibility.md b/blazor/carousel/accessibility.md index 193d140f67..e70403a8d9 100644 --- a/blazor/carousel/accessibility.md +++ b/blazor/carousel/accessibility.md @@ -54,7 +54,7 @@ The Blazor carousel component is designed by considering [WAI-ARIA](https://www. ## Keyboard interaction -All the Carousel actions can be controlled via keyboard keys by using the [`allowKeyboardInteraction`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfCarousel.html#Syncfusion_Blazor_Navigations_SfCarousel_AllowKeyboardInteraction). This component implements keyboard navigation support by following the WAI-ARIA practices. Once focused on the active Carousel element, you can use the following key combination for interacting with the Carousel. +All the Carousel actions can be controlled via keyboard keys by using the [`allowKeyboardInteraction`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfCarousel.html#Syncfusion_Blazor_Navigations_SfCarousel_AllowKeyboardInteraction). This enhancement aims to improve user experience by preventing unintended navigation when users are focused on other interactive elements. This component implements keyboard navigation support by following the WAI-ARIA practices. Once focused on the active Carousel element, you can use the following key combination for interacting with the Carousel. | Key | Description | | ------------------ | --------------------------------------------------------------- | From 09e55cc79fbd24234bda9d17e79022f05291a4c3 Mon Sep 17 00:00:00 2001 From: Viswajith-SF4388 <154953446+Viswajith-SF4388@users.noreply.github.com> Date: Wed, 11 Dec 2024 13:10:16 +0530 Subject: [PATCH 3/4] 925705: Disabling keyboard interaction in carousel in UG was added. --- blazor/carousel/accessibility.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/blazor/carousel/accessibility.md b/blazor/carousel/accessibility.md index e70403a8d9..893604fae1 100644 --- a/blazor/carousel/accessibility.md +++ b/blazor/carousel/accessibility.md @@ -54,7 +54,7 @@ The Blazor carousel component is designed by considering [WAI-ARIA](https://www. ## Keyboard interaction -All the Carousel actions can be controlled via keyboard keys by using the [`allowKeyboardInteraction`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfCarousel.html#Syncfusion_Blazor_Navigations_SfCarousel_AllowKeyboardInteraction). This enhancement aims to improve user experience by preventing unintended navigation when users are focused on other interactive elements. This component implements keyboard navigation support by following the WAI-ARIA practices. Once focused on the active Carousel element, you can use the following key combination for interacting with the Carousel. +All Carousel actions can be controlled via keyboard keys by using the [`allowKeyboardInteraction`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfCarousel.html#Syncfusion_Blazor_Navigations_SfCarousel_AllowKeyboardInteraction) property, which is set to `true` by default. This feature aims to improve user experience by preventing unintended navigation when users are focused on other interactive elements. For example, consider a scenario where a user is browsing a product carousel on an e-commerce website. While filling out a form adjacent to the carousel, they might accidentally press the left or right arrow keys, causing the carousel to navigate unexpectedly. By disabling keyboard interactions, the carousel remains static, allowing the user to focus on the form without disruptions. This control implements keyboard navigation support by following WAI-ARIA practices. Once focused on the active Carousel element, you can use the following key combinations to interact with the Carousel. | Key | Description | | ------------------ | --------------------------------------------------------------- | From 023efd5392c2c37bbd75a215a315400053945bbf Mon Sep 17 00:00:00 2001 From: Viswajith-SF4388 <154953446+Viswajith-SF4388@users.noreply.github.com> Date: Thu, 12 Dec 2024 15:08:53 +0530 Subject: [PATCH 4/4] 925705: Disabling keyboard interaction in carousel in UG was added. --- blazor/carousel/accessibility.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/blazor/carousel/accessibility.md b/blazor/carousel/accessibility.md index 893604fae1..76b472da3c 100644 --- a/blazor/carousel/accessibility.md +++ b/blazor/carousel/accessibility.md @@ -54,7 +54,9 @@ The Blazor carousel component is designed by considering [WAI-ARIA](https://www. ## Keyboard interaction -All Carousel actions can be controlled via keyboard keys by using the [`allowKeyboardInteraction`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfCarousel.html#Syncfusion_Blazor_Navigations_SfCarousel_AllowKeyboardInteraction) property, which is set to `true` by default. This feature aims to improve user experience by preventing unintended navigation when users are focused on other interactive elements. For example, consider a scenario where a user is browsing a product carousel on an e-commerce website. While filling out a form adjacent to the carousel, they might accidentally press the left or right arrow keys, causing the carousel to navigate unexpectedly. By disabling keyboard interactions, the carousel remains static, allowing the user to focus on the form without disruptions. This control implements keyboard navigation support by following WAI-ARIA practices. Once focused on the active Carousel element, you can use the following key combinations to interact with the Carousel. +All Carousel actions can be controlled using keyboard keys through the [`allowKeyboardInteraction`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfCarousel.html#Syncfusion_Blazor_Navigations_SfCarousel_AllowKeyboardInteraction) property, which is enabled by default. If you wish to disable the default keyboard interactions, you can set this property to `false`. This is particularly useful if the carousel contains input elements, as pressing the arrow keys might cause the carousel to move unexpectedly. By disabling keyboard interaction, the carousel remains static, allowing the user to focus on the input fields without any interruptions. + +This control implements keyboard navigation support by following WAI-ARIA practices. Once focused on the active Carousel element, you can use the following key combinations to interact with the Carousel. | Key | Description | | ------------------ | --------------------------------------------------------------- |