flutter/flutter-improving-accessibility

flutter-improving-accessibility 是做什麼的？

配置 Flutter 應用程式以支援螢幕閱讀器等輔助技術。在用於確保應用程式對身障人士可用時使用。

概述

此技能用於改善 Flutter 應用程式的無障礙性，使其能夠與螢幕閱讀器（如 TalkBack 或 VoiceOver）等輔助技術協同工作。透過啟用語義（Semantics）和添加適當的標籤，可以讓視覺或運動障礙的使用者更輕鬆地操作應用。

使用方式

1. 確保在 MaterialApp 或 CupertinoApp 中啟用無障礙支援：

   MaterialApp(
     showSemanticsDebugger: false, // 設定為 true 以調試語義樹
     builder: (context, child) {
       return MediaQuery(
         data: MediaQuery.of(context).copyWith(
           accessibleNavigation: true,
         ),
         child: child!,
       );
     },
     home: MyHomePage(),
   );
   

2. 為互動式元件（如按鈕、圖標）添加語義標籤：

   Semantics(
     label: '搜尋',
     hint: '點擊以搜尋內容',
     child: IconButton(
       icon: Icon(Icons.search),
       onPressed: () {},
     ),
   )
   

3. 使用 Semantics 小工具為複雜元件提供結構化資訊，例如合併或排除子元件：

   Semantics(
     container: true,
     child: Column(
       children: [
         Text('標題'),
         Text('描述'),
       ],
     ),
   )
   

4. 管理焦點順序和排除不需要的語義節點：

   Focus(
     skipTraversal: true, // 跳過此元件的焦點導航
     child: IgnorePointer(
       child: Decoration(),
     ),
   )
   

注意事項

• 始終測試應用程式在實際輔助技術（如 TalkBack 或 VoiceOver）下的行為，而不僅僅依賴語義調試器。
• 避免過度使用 Semantics 容器，以免造成冗餘資訊。
• 確保文字與標籤使用通俗易懂的語言，避免技術術語。

參考資源

• Flutter 無障礙文件
• Flutter Semantics 類別 API