I know that FlutterFlow has an Accessibility option to add semantics, but this option is only suitable for images. There is far more to Accessibility than just describing images and labelling components. It is also important to ensure that screen readers announce headers as headers, buttons as buttons (and with their labels), links as links.
Marking up headings as semantic structure for instance, helps screen reader users with navigating an app more easily. This is not about making text bigger and in different colours. It is about actually getting screen readers to announce a text as a header. The same goes for links, buttons, etc... Could we add the following to flutter flow?
1. Semantics widget: I would expect to select a text and then click a button on the right panel to wrap the text, button, link or image widget within a semantic widget.
2. Properties selection: After enabling semantics widget, I would expect to select the following properties and they would output true state:
- header: true
- image: true
- button: true
- link: true
3. If header property is selected, than I would also expect to be able to select OrdinalSortKey and set a value from 0 to 6.
At the end, in the case of Heading, I would expect the following output:
return Semantics(
sortKey: OrdinalSortKey(0),
header: true,
child: Text('My Title'),
);
In addition to the Semantics Widget, it would be really helpful to also have a MergeSemantics Widget and ExcludeSemantics Widget. Would it be possible to add these new features and how soon? Or if there is a way to create a custom widget on the above, could you please share instructions.