SuperAPI AI 工具集

flutter-improving-accessibility

通用与其它

查看项目

更新于 10-15 21:55

技能介绍

用途:配置 Flutter 应用以支持屏幕阅读器(TalkBack、VoiceOver)等辅助技术,提升残障用户可用性。

主要能力:

  1. UI 设计与样式:适配系统字体缩放,避免文本容器硬编码固定高度;小文本对比度至少 4.5:1,大文本(18pt+ 常规或 14pt+ 粗体)至少 3.0:1;点击目标最小 48x48 逻辑像素。
  2. 无障碍组件:用 Semantics 标注组件含义,并通过 SemanticsRole 枚举指定角色(如 button、link、heading);用 MergeSemantics 合并复合组件语义为单一节点;用 ExcludeSemantics 隐藏装饰性组件。
  3. Web 无障碍:Flutter Web 默认关闭语义以提升性能,用户可通过 aria-label="Enable accessibility" 的隐形按钮启用;Web 优先应用可在启动时强制生成语义树;标准组件(TabBar、MenuAnchor、Table)自动映射 ARIA 角色,自定义组件需显式指定 SemanticsRole。
  4. 自适应与响应式设计:响应式调整元素布局与尺寸;自适应选择合适布局(底部导航或侧栏)与输入方式(触摸或鼠标键盘)。

使用方式:按检查清单逐项验证点击目标、字体缩放、对比度、语义角色、合并与排除语义;Web 端验证 ARIA 映射。完成视图后运行无障碍测试或系统屏幕阅读器,检查未播报元素、焦点陷阱或文本裁剪,修复后重复直至遍历清晰。

限制:资料未提供具体收费、平台支持范围或效果保证;Web 无障碍默认关闭,需手动或程序化启用。