HiHuo12 · 无障碍、国际化与特殊环境
适用：跨设备、跨语言、辅助技术与受限环境。这里是设计与实现检查入口，不是完整的 WCAG 合规审计。
A11Y-01 · 阅读顺序、焦点顺序与视觉顺序一致
使用语义标题、导航、表单标签和原生控件。避免用 CSS 排序让视觉与 DOM 相反。提供跳转主要内容的路径；焦点清晰，且不被固定页头或底栏遮住。
弹层关闭后回到合理位置；对象被删除后焦点移动到相邻对象或列表标题；筛选更新不要无故把焦点送到页面顶部。隐藏内容不能留下可聚焦的“幽灵按钮”。
A11Y-02 · 动态状态能被感知，但不打断一切
普通结果适合持久的 role="status" 区域；需要立即注意的错误可使用适当的警报。先在 DOM 中放置反馈区域，再更新文本，避免不稳定播报。
<p id="save-status" role="status" aria-live="polite"></p>
不要把整个列表、每个计时刻度或流式文字全部放进 assertive live region。无焦点转移的状态消息要求见 WCAG 4.1.3。是否能被具体读屏工具正确播报需要实测。
A11Y-03 · 身份验证允许借助工具
允许密码管理器、粘贴和适当的自动填充；不要通过禁止粘贴增加抄写负担。验证码与其他认证方式应考虑可访问替代。具体要求及例外见 WCAG 3.3.8 Accessible Authentication。
用户名、密码、短信码等字段有不同的 autocomplete 语义，按真实用途设置。安全性需要身份系统与威胁模型支持，不能靠增加认知难度实现。
ADAPT-01 · 为环境变化安排路径
| 环境或人群 | 设计处理 | 检查点 |
|---|---|---|
| 大字号、页面缩放 | 可重排，控件不固定死高度 | 标签、错误、主操作完整可见 |
| 低视力、色觉差异 | 足够对比，非颜色单一编码 | 文字、边界、状态、图表 |
| 减少运动偏好 | 静态替代，状态信息保留 | 动画关闭后流程仍完成 |
| 触控或精细运动受限 | 足够目标尺寸、无需拖动的入口 | 无小区域连点、无必要长按 |
| 高对比、强制颜色 | 语义边界与焦点可见 | 不只依赖背景图片与阴影 |
| 弱网、离线 | 保留旧内容与草稿，解释写操作策略 | 不制造假成功、不无限重试 |
| 低性能、节能模式 | 减少重资源和装饰运动 | 输入仍及时，任务不被卡住 |
| 隐私或权限拒绝 | 按需请求，提供可行替代 | 拒绝定位后仍能手动查找 |
| 老年或低熟练用户 | 清楚标签、稳定位置、必要帮助 | 不用陌生图标替代所有文字 |
| 儿童、公共终端 | 按实际年龄与环境专项设计 | 防误触、会话清理、监护与隐私要求 |
| 打印与静态导出 | 保留内容和来源，移除无用控件 | 不依赖折叠状态或动画表达 |
表中的人群不能仅靠年龄或标签推断能力。用真实任务和目标用户验证。
I18N-01 · 国际化包括方向、格式与长度
界面文本从代码中提取，使用完整语义句与复数规则，不拼接不可翻译的词块。日期、货币、数字和时区按任务与地区格式化。
为更长翻译、混合脚本和 RTL 预留空间。使用 margin-inline、padding-inline 等逻辑属性；页面文字方向使用 dir，用户生成内容可按场景设置 dir="auto"。方向设置参考 W3C 国际化指南。
方向性图标按含义处理，返回箭头可能需要镜像，播放图标、Logo 和数字不应被全局机械翻转。
检查范围要准确记录
自动扫描能找到部分缺陷；浏览器模拟能检查部分环境；真实读屏、目标设备和用户测试仍有独立价值。报告具体浏览器、工具、视口、输入方式和完成的任务，不能把“一项扫描无报错”写成“无障碍全部通过”。