Accessibility Improvements

[getBoolean]

Tasks

• Screen reader
  • Test iOS VoiceOver
  • Test Android TalkBack
  • Add Accessibility Only SnackBar #191
• Keyboard navigation
  • Fix traversal order
  • Expand sidebar when focused, collapse when unfocused
• Semantics
• Handle RTL languages (directional padding/positioned widgets)
• use package accessibility_tools

Resources

Websites

• https://appt.org/en
• https://docs.flutter.dev/ui/accessibility-and-internationalization/accessibility

Videos

Observable Flutter #31: Accessibility

Github Repo: MaElaRo/observable_accessibility

10:33 App overview
10:57 accessibility_tools package
13:11 Semantics
15:33 Fix text scaling and overflow (Text.rich, Wrap, Flexible/Expanded)
18:52 MergeSemantics
22:56 Accessibility analytics
30:19 MediaQuery accessibleNavigation
37:00 Semantics liveRegion (read when it appears)
46:00 PageView swiping with Semantics onIncrease, onDecrease, and MergeSemantics
53:30 Semantic debugger, liveRegion bug (exercise for viewers)
1:00:44 Repo open source
1:03:32 StatefulWidget and ValueListenableBuilder to rebuild Semantics label changes
1:07:41 Talk with people who use accessibility features, learn to use the screen reader
1:09:36 ExcludeSemantics
1:11:52 Image alt text practice
1:12:44 CustomScrollView semanticChildCount, doesn't always infer child count from SliverList
1:15:56 SliverChildBuilderDelegate semanticIndexOffset
1:19:07 Request to Flutter team, more in depth accessibility docs
1:20:22 Fixing the appointment list, Semantics.explicitChildNodes, No label on GestureDetector
1:24:11 Delete appointment talkback feedback using SnackBar
1:28:08 Test for accessibility, WCAG guidelines
1:34:03 Wrapping up, questions/comments