移动端无障碍检查清单

专为 iOS 和 Android 设备设计 · 基于 WCAG 2.1 AA / Section 508 标准

0 / 7 项完成 0%

📱

移动端无障碍核心测试

所有功能可通过触控完成（无 hover 依赖）

触控目标 ≥ 44×44 px（Apple 建议）或 ≥ 48×48 dp（Material Design）

支持 VoiceOver (iOS) / TalkBack (Android) 朗读顺序正确

键盘弹出时内容不被遮挡，输入框自动滚动到可见区域

横竖屏切换时布局不混乱，内容完整显示

支持系统字体放大（iOS 动态文字 / Android 字体缩放）

手势操作有替代方案（如滑动切换提供「上一步」「下一步」按钮）

🛠️

按钮 < 40px

修复： min-height: 44px; padding: 12px;

弹出键盘后按钮被遮

修复： viewport-fit=cover + padding-bottom

键盘焦点无边框

修复： button:focus { outline: 2px solid #0066cc; }

DOM 顺序 ≠ 视觉顺序

修复： 调整 HTML 顺序或用 aria-hidden

仅支持滑动切换

修复： 加「上一步」「下一步」按钮