Accessibility features in flutter

This Article is posted by seven.srikanth at 23-05-2019 19:40:38

Here are my flutter class room training videos. Idel for those who wants to learn flutter from scratch.


Accessibility features are accomplished by Semantics library, which handles the semantics tree.

Your app semantics tree is like your apps widgets tree. But instead of containing widgets, it contains semantics nodes the define Accessibility hierarchy passed to the operating system. 

So when you need to adjust the accessibility experience, you'll probably just use an API with the word "semantics" in it.

We also need a semantic label to say something clear. For example, the screen reader cannot read 30 km/h as '30 kilometers per hour'. See how it's accomplished in the below examples.

Here are few examples,


Text('30 km/h',
semanticsLabel: '30 Kilometers per hour')

Icon(Icons.library_books,
semanticsLabel: 'Instructions')

Semantics(label: 'What I want to say',
child: MyWidget())


Thanks.

Tags: Accessibility features;


Here are my flutter class room training videos. Idel for those who wants to learn flutter from scratch.




0 Comments
Login to comment.
Recent Comments

Be the first to Comment. You can ask a Query or Share your toughts or Just say thanks.




Are you struggling with Slow emulator or having a low Spec machine? Try GenyMotion Emulator with VSCode for Flutter Mobile Apps Development




Search Results





©2018 - Fluttercentral | Email to me - Seven.srikanth@gmail.com