Skip to main content
Logo Appt Light

Accessibility state on Flutter

An accessibility state helps users of assistive technologies to understand the state of elements on the screen. The state selected for example, indicates that an element has been selected. The screen reader announces the state of elements as it reads the screen. It is important to assign correct states of elements to avoid misunderstanding.

With Flutter, you can use Semantics to indicate the accessibility state. The Semantics constructor contains all available options, such as checkedenabledhiddenselected and toggled, among others.

Semantics(
  checked: true,
  enabled: true,
  hidden: true,
  selected: true,
  toggled: true,
  child: Widget(...)
);

Feedback?

Let us know!