Accessibility in Flutter Linear Gauge (SfLinearGauge)

28 May 20251 minute to read

Screen reader

The SfLinearGauge can be made accessible to screen readers by wrapping it with the Semantics widget.

DART

double _value = 50;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Semantics(
        label: 'Syncfusion Flutter Linear Gauge',
        value: _value.toString(),
        child:
            SfLinearGauge(markerPointers: [LinearShapePointer(value: _value)]),
      ),
    );
  }

Sufficient contrast

You can customize the color of the SfLinearGauge elements using the following APIs to ensure sufficient contrast.

• Axis solid color
• Axis gradient
• Ticks
• Labels
• Range
• Radial gradient
• Linear gradient
• Sweep gradient
• Bar pointer
• Marker

Large fonts

You can adjust the font size of the SfLinearGauge elements using the following API:

• Labels

Easily touch targets

The SfLinearGauge follows accessibility standards by providing touch target of 48 * 48 pixels for all interactive elements.