← ClaudeAtlas

apple-human-interface-guidelines-accessibilitylisted

iOS无障碍设计指南,包含VoiceOver、动态字体、色彩对比度等。Invoke when implementing accessibility features in Android or iOS app.
OPN48/skills-apple-human-interface-guidelines · ★ 0 · Web & Frontend · score 62
Install: claude install-skill OPN48/skills-apple-human-interface-guidelines
# iOS Accessibility - 无障碍设计指南 基于 Apple Human Interface Guidelines 的无障碍设计规范,帮助创建包容性体验。 ## 核心原则 无障碍界面具备以下特点: - **直观性 (Intuitive)**: 使用熟悉一致的交互方式 - **可感知 (Perceivable)**: 不依赖单一感官传达信息 - **可适配 (Adaptable)**: 支持系统无障碍功能和个人设置 --- ## 视觉 (Vision) ### 动态类型 (Dynamic Type) 支持用户调整字体大小,建议提供至少200%的放大倍数。 | 平台 | 默认字号 | 最小字号 | |------|----------|----------| | iOS, iPadOS | 17pt | 11pt | | macOS | 13pt | 10pt | | tvOS | 29pt | 23pt | | visionOS | 17pt | 12pt | | watchOS | 16pt | 12pt | ### 字体粗细建议 - 细字重 (Thin/Light) 需要更大字号提高可读性 - 粗字重更适合小字号文本 - 避免在可读性要求高的场景使用细字重 ### 色彩对比度 遵循 WCAG 2.1 Level AA 标准: | 字重 | 最小对比度 | |------|------------| | ≤17pt | 4.5:1 | | ≥18pt | 3:1 | | 粗体 (任何字号) | 3:1 | ### 色彩使用建议 - 使用系统定义颜色,自动适配无障碍设置 - 不仅依赖颜色传达信息,添加形状或图标辅助 - 支持 Increase Contrast 设置 ### VoiceOver 支持 - 为所有交互元素提供 accessibility label - 使用语义化标记描述界面结构 - 确保操作顺序符合逻辑 --- ## 听觉 (Hearing) ### 媒体内容无障碍 | 方式 | 适用场景 | |------|----------| | 字幕 (Captions) | 视频/音频内容同步文字 | | 字幕 (Subtitles) | 对话翻译 | | 音频描述 (Audio Descriptions) | 视频中视觉信息解说 | | 文字稿 (Transcripts) | 播客、有声书 | ### 声音与触觉结合 - 音频提示配合触觉反馈 - 游戏和空间应用中补充视觉提示 - 重要信息不单独通过音频传达 --- ## 运动 (Mobility) ### 触控区域尺寸 | 平台 | 默认触控尺寸 | 最小触控尺寸 | |------|-------------|--------------| | iOS, iPadOS | 44x44pt | 28x28pt | | macOS | 28x28pt | 20x20pt | | tvOS | 66x66pt | 56x56pt | | visionOS | 60x60pt | 28x28pt | | watchOS | 44x44pt | 28x28pt | ### 元素间距 - 有边框元素:周围至少12pt内边距 - 无边框元素:周围至少24pt内边距 ### 手势设计 - 优先使用简单手势 - 提供手势替代方案(如按钮) - 避免复杂的多指多手手势 ### 语音控制 - 支持 Voice Control