Accessibility in Flutter Funnel Charts (SfFunnelChart)

18 Jul 20251 minute to read

Sufficient contrast

The SfFunnelChart theming support offers a consistent and standardized look, as well as the ability to set the colors for all UI elements.

The customization of colors can be done for the following chart elements.

• Chart title
• Palette for data points
• Color mapping for data points
• Data label
• Legend title
• Legend item text
• Series tooltip
• Selected segments

Large fonts

The SfFunnelChart font size can be adjusted automatically based on device settings and the font size scaled based on the MediaQueryData.textScaler. And also it allows to change the font size of all elements in Funnel chart.

• Chart title
• Data label
• Legend title
• Legend item text
• Series tooltip

Easily tappable targets

The SfFunnelChart provides callback support to notify when tapping on the essential elements in the chart.

• Data points
• Data labels
• Legend