Skip to content

Commit 9f3dafc

Browse files
FLUT-964629-[feature]: Updated keyboard accessibility content
1 parent 36ae0db commit 9f3dafc

File tree

3 files changed

+16
-0
lines changed

3 files changed

+16
-0
lines changed

Flutter/range-selector/accessibility.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,12 @@ documentation: ug
99

1010
# Accessibility in Flutter Range Selector (SfRangeSelector)
1111

12+
## Keyboard support
13+
14+
This feature allows users to navigate to the [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html) widget using the TAB key and adjust its values using the keyboard arrow keys. The left and down arrow keys can be used to decrease the selection value, while the right and up arrow keys can be used to increase it.
15+
16+
N> In [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html), keyboard accessibility is not supported when [`dragMode`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dragMode.html) is set to `SliderDragMode.betweenThumbs`, as focus can only be applied to one thumb at a time.
17+
1218
## Screen reader
1319

1420
The [`SfRangeSelector`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector-class.html) can be accessed by screen readers. The default reading format for start thumb is `The start value is ${values.start}` and end thumb is `the end value is ${values.end}`. You can change the reading format using the [`semanticFormatterCallback`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/semanticFormatterCallback.html) property.

Flutter/range-slider/accessibility.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,12 @@ documentation: ug
99

1010
# Accessibility in Flutter Range Slider (SfRangeSlider)
1111

12+
## Keyboard support
13+
14+
This feature allows users to navigate to the [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html) widget using the TAB key and adjust its values using the keyboard arrow keys. The left and down arrow keys can be used to decrease the selection value, while the right and up arrow keys can be used to increase it.
15+
16+
N> In [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html), keyboard accessibility is not supported when [`dragMode`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSelector/dragMode.html) is set to `SliderDragMode.betweenThumbs`, as focus can only be applied to one thumb at a time.
17+
1218
## Screen reader
1319

1420
The [`SfRangeSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider-class.html) can be accessed by screen readers. The default reading format for start thumb is `The start value is ${values.start}` and end thumb is `the end value is ${values.end}`. You can change the reading format using the [`semanticFormatterCallback`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfRangeSlider/semanticFormatterCallback.html) property.

Flutter/slider/accessibility.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,10 @@ documentation: ug
99

1010
# Accessibility in Flutter Slider (SfSlider)
1111

12+
## Keyboard support
13+
14+
This feature allows users to navigate to the [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) widget using the TAB key and adjust its values using the keyboard arrow keys. The left and down arrow keys can be used to decrease the selection value, while the right and up arrow keys can be used to increase it.
15+
1216
## Screen reader
1317

1418
The [`SfSlider`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider-class.html) can be accessed by screen readers. By default, it will read the current value. You can change the reading format using the [`semanticFormatterCallback`](https://pub.dev/documentation/syncfusion_flutter_sliders/latest/sliders/SfSlider/semanticFormatterCallback.html) property.

0 commit comments

Comments
 (0)