Screen Reader Only

Use sr-only to visually hide an element while keeping it accessible to screen readers. Use not-sr-only to undo this behavior and make the element visible again.

Style('...', children: [
  Icon(Icons.settings),
  Style('sr-only', child: Text('Settings')),
])
Style('...', children: [
  Icon(Icons.settings),
  Style('not-sr-only', child: Text('Settings')),
])

Class reference

Class	Description
sr-only	Visually hide the element but keep it accessible to screen readers
not-sr-only	Undo sr-only and make the element visible