关于 flutter-accessibility
一项 Flutter 技能,指导开发者将无障碍视为需要实现和验证的行为,涵盖交互、语义和多平台测试。
主要功能
- 01检查阅读顺序与焦点
- 02实现组件语义
- 03支持文字缩放与对比度
- 04通过测试和屏幕阅读器验证
适用场景
- 01检查应用流程的无障碍问题
- 02测试自定义控件与播报
- 03检查键盘和开关导航
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ thienqo/ flutter-skills --skill flutter-accessibility安装后在 Claude Code 中输入/flutter-accessibility确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
evals/cases.jsonreferences/semantics-and-screen-readers.mdtarget-sizes-and-contrast.md详细介绍
Flutter 无障碍功能
将无障碍功能视为需要实现和验证的行为,而不是仅清理标签。
审查流程
在每个目标平台上,识别主要任务、语义朗读顺序、可操作控件、动态播报、焦点转换、文本缩放、对比度、动画,以及键盘或开关访问方式。
规则
- 优先使用内置语义控件,而不是手动添加
Semantics。 - 为自定义交互式组件设置角色、标签、值、状态和操作,同时避免重复子组件语义。
- 保持视觉、语义和键盘焦点顺序一致。
- 允许文本缩放,且不截断文本或隐藏重要操作。
- 满足符合平台要求的目标尺寸,且不要仅依赖颜色传递信息。
- 在减少动态效果和增强对比度偏好下,仍保留功能。
- 播报有意义的异步状态变化,避免造成重复干扰。
- 如果装饰性内容不提供任何信息,请将其排除在语义树之外。
验证
在启用语义的情况下使用 widget 测试,并酌情使用 Flutter 无障碍准则匹配器。此外,还要在受支持的桌面端和 Web 目标平台上,通过 TalkBack 或 VoiceOver 以及键盘导航测试改动后的流程。
参考资料
来源
评论
支持 Markdown