mcpField
F
flutter-accessibility

flutter-accessibility

github.com/thienqo设计与 UI944 次安装1 天前更新
代码仓库

关于 flutter-accessibility

一项 Flutter 技能,指导开发者将无障碍视为需要实现和验证的行为,涵盖交互、语义和多平台测试。

主要功能

  1. 01检查阅读顺序与焦点
  2. 02实现组件语义
  3. 03支持文字缩放与对比度
  4. 04通过测试和屏幕阅读器验证

适用场景

  1. 01检查应用流程的无障碍问题
  2. 02测试自定义控件与播报
  3. 03检查键盘和开关导航

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/thienqo/flutter-skills --skill flutter-accessibility

安装后在 Claude Code 中输入/flutter-accessibility确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

evals/
cases.json
references/
semantics-and-screen-readers.md
target-sizes-and-contrast.md

详细介绍

Flutter 无障碍功能

将无障碍功能视为需要实现和验证的行为,而不是仅清理标签。

审查流程

在每个目标平台上,识别主要任务、语义朗读顺序、可操作控件、动态播报、焦点转换、文本缩放、对比度、动画,以及键盘或开关访问方式。

规则

  • 优先使用内置语义控件,而不是手动添加 Semantics。
  • 为自定义交互式组件设置角色、标签、值、状态和操作,同时避免重复子组件语义。
  • 保持视觉、语义和键盘焦点顺序一致。
  • 允许文本缩放,且不截断文本或隐藏重要操作。
  • 满足符合平台要求的目标尺寸,且不要仅依赖颜色传递信息。
  • 在减少动态效果和增强对比度偏好下,仍保留功能。
  • 播报有意义的异步状态变化,避免造成重复干扰。
  • 如果装饰性内容不提供任何信息,请将其排除在语义树之外。

验证

在启用语义的情况下使用 widget 测试,并酌情使用 Flutter 无障碍准则匹配器。此外,还要在受支持的桌面端和 Web 目标平台上,通过 TalkBack 或 VoiceOver 以及键盘导航测试改动后的流程。

参考资料

来源

评论

支持 Markdown