Semanticsから理解するスクリーンリーダー対応 by なるお

FlutterKaigi 2024
LTセッション

Semanticsから理解するスクリーンリーダー対応

naruogram なるお naruogram
1

Flutterは標準でスクリーンリーダーに対応しており、簡単に文字を読み上げることができます。
しかし、Semanticsウィジェットを正しく使わないと、スクリーンリーダーを使用する人にとって使いにくいアプリになってしまうことがあります。

スクリーンリーダーに対応するために重要なSemanticsの要素として下記があります。

  • SemanticsLabel
  • SemanticsSortKey
  • SemanticBoundary
  • MergeSemantics
  • ExcludeSemantics

上記の内容を踏まえ、本セッションでは、Semanticsの使い分けによるスクリーンリーダー対応の最適化の手法についてお話しします。

具合的には、以下の内容についてお話しします。

  • Semanticsの仕組み
  • スクリーンリーダーに対応するための実践的なSemanticsの使い方
  • showSemanticsDebuggerを使い、SemanticsTreeの可視化し、開発を効率的に進める手法

想定視聴者

  • アクセシビリティに関心がある方