b/421086668

Related (existing) issue: #53958

Help us understand the severity of this issue

• causing severe production issues e.g. malfunctions or data loss
• blocking next binary release
• blocking a client feature launch within a quarter
• nice-to-have but does not block a launch within the next quarter

Steps to reproduce

1. Add a RangeSlider to the screen
2. Attempt to keyboard-navigate to the range slider
3. Attempt to use arrow keys to adjust range-slider values

Expected results

Keyboard-navigating to the RangeSlider should focus one of the "thumbs", including a visual indicator and VoiceOver/screen-reader announcement.

Interacting with the RangeSlider using the keyboard's arrow keys should adjust the value of the currently-selected thumb.

Actual results

Keyboard-navigating to the RangeSlider either does not focus the RangeSlider, or at least does not announce or visually indicate the updated focus.

Interacting with the RangeSlider is impossible to do with the keyboard's arrow keys.

Code sample

import 'package:flutter/material.dart';

void main() {
  runApp(RangeSliderDemo());
}

class RangeSliderDemo extends StatefulWidget {
  @override
  State<RangeSliderDemo> createState() => _RangeSliderDemoState();
}

class _RangeSliderDemoState extends State<RangeSliderDemo> {
  late RangeValues _rangeValues;

  @override
  void initState() {
    super.initState();
    // Make sure the initial range values are within the possible range.
    _rangeValues = RangeValues(0, 10);
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: RangeSlider( 
          min: 0,
          max: 10,
          values: _rangeValues,
          onChanged: (RangeValues values) => setState(() => _rangeValues = values),
        ),
      ),
    );
  }
}

Screenshots or Video

Logs

[Paste your logs here]

Flutter Doctor output

[Paste your output here]