Accessibility in Flutter Radial Gauge (SfRadialGauge)

16 Jul 20211 minute to read

Screen reader

The SfRadialGauge can be accessed by the screen readers by wrapping the SfRadialGauge widget to the Semantics widget.

double _value = 50;

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Semantics(
      label: 'Syncfusion Flutter Radial Gauge',
      value: _value.toString(),
      child: SfRadialGauge(axes: <RadialAxis>[
        RadialAxis(pointers: <GaugePointer>[NeedlePointer(value: _value)])
      ]),
    ),
  );
}

Sufficient contrast

You can customize the color of the SfRadialGauge elements using the following APIs for the sufficient contrast.

Large fonts

You can change the font size of the SfRadialGauge elements using the following APIs:

Easier touch targets

The SfRadialGauge has touch target as 48 * 48 as per the standard for all the elements.