用途:该技能用于构建或审查 React Native 交互式 UI,审计屏幕的屏幕阅读器与辅助技术支持,并在发布前验证无障碍表现。适用平台为 iOS 与 Android,React Native 0.76+(默认新架构互操作)。
主要能力与检查项: 标签与角色:每个交互元素需有描述用途而非类型的 accessibilityLabel,并设置 accessibilityRole(button、link、header 等);状态变化使用 accessibilityState(disabled、selected、expanded);图片需有 accessibilityLabel,装饰性图片标记 accessibilityElementsHidden;动态内容变化通过 AccessibilityInfo.announceForAccessibility 播报。 触摸与焦点:触摸目标至少 44x44pt,焦点顺序符合逻辑(从上到下、从左到右)。 视觉:颜色不能是状态的唯一指示,需配合图标、文字或图案;文字随系统字号偏好缩放。 验证:需用 VoiceOver(iOS)和 TalkBack(Android)测试。
常见陷阱:标签描述元素类型(如“button”)而非用途(如“Delete item”),对屏幕阅读器用户无有效信息;禁用控件忘记 accessibilityState={{ disabled: true }},屏幕阅读器仍会播报为可用按钮;仅依赖颜色(如红色表示错误)会排除色盲用户,应搭配图标或文字;固定字号在用户增大系统文字时破坏布局,需在大号动态字体设置下测试。
限制:资料未提供安装命令、收费方式或具体使用步骤,暂未提供。