无障碍声明

1. 我的承诺

我希望本站对每个人都可用，包括使用键盘、屏幕阅读器、放大功能，或开启了减少动效、 高对比度设置的访客。这里把无障碍视为开发的一部分，而不是最后才做的一次检查： 下列若干措施由自动化测试守护，一旦出现倒退就会让构建失败。

2. 符合性状态

本站力求符合 《Web 内容无障碍指南》（WCAG）2.2 的 AA 级。据我所知并根据我所做的测试，本站基本符合该标准，即满足 AA 级的成功标准。

我有意不声称完全符合。本站未接受任何独立的第三方无障碍审计，也不存在正式的 WCAG-EM 评估报告。这是支撑该表述的证据方面的局限，而非已知缺陷——凡是我发现的缺陷，都列在第 5 节。

3. 已经落实的内容

键盘与焦点

• 在每个带有站点导航的页面上，跳转链接都是第一个可获得焦点的元素， 并且它会把焦点移到主内容，而不只是滚动过去。
• 每个交互元素都显示可见的焦点指示。绘制它的规则无法被任何工具类关闭， 这一点由测试保证。
• 移动端菜单是一个焦点陷阱：打开时焦点进入其中，用 Tab 在内部循环， 按 Escape 关闭，并返回到打开它的按钮。
• 没有元素带有正的 tabindex，因此 Tab 顺序与页面顺序一致。

结构与屏幕阅读器

• 每个页面恰好有一个 main 地标；在存在站点页眉和页脚的位置，各有一个 banner 和一个 contentinfo，并配有具名的导航地标。
• 每个页面恰好有一个 h1，其下的标题按顺序嵌套，不跳级。
• 每张图片都带有替代文本；装饰性图形对辅助技术隐藏，而不是填充无意义的描述。
• 当图标承载某个控件的含义时，该控件带有文本名称——可见标签始终位于该名称的开头， 因此语音输入可以按屏幕上显示的文字来操作它。
• 页面语言已声明，每个页面都有唯一且具描述性的标题。

颜色、对比度与字号

• 文本与界面颜色在构建时推导，并针对各自的背景进行校验：正文不低于 4.5:1，主要文本达到 7:1；按钮的实色填充会持续加深，直到其标签超过 4.5:1。
• 本站没有任何文本以小于 12px 的字号呈现。这是一个下限，由测试保证。
• 颜色从不是传达信息的唯一方式：选中状态还会带有标签、形状或 aria-current 值。
• 本站提供浅色和深色两套主题。它以深色打开，而不是读取您的系统设置， 并会记住您用页眉切换按钮所做的选择。

动效、缩放与指针

• 减少动效会被遵从。若您的系统提出该要求，入场动画、滚动显现效果 和视图过渡都会被抑制。
• 提高对比度以及 Windows 的高对比度模式均已处理： 渐变文字回退为实色，仅靠填充表示的状态会获得系统色边框。
• 缩放没有被禁用。页面可放大到 500 %；在 WCAG 1.4.10“重排”所规定的 320px 宽度下，页面以单列呈现且无横向滚动。从 320px 到 1920px 的每一个宽度都经过检查，而不只是有名称的断点。
• 交互控件的可操作目标至少为 44 × 44 px， 高于 WCAG 2.2 规定的 24 × 24 px 最小值。当控件绘制得更小时， 其可点击区域会在其后方扩大，而不是保持很小。唯一的例外是句子中的链接， 它适用 WCAG 2.5.8 的行内豁免——在那里强制固定高度会破坏周围段落的行距。

表单

• 每个字段都有以程序方式关联的名称。当表单包含多个字段时——联系表单和 Cookie 偏好面板——该名称是可见的 <label>。单字段控件（订阅邮件、 列表搜索、评论框、邮箱登录提示）则从 aria-label 获取名称，其旁边的标题、图标或按钮在屏幕上承载相同含义。
• 错误以文字形式描述在所属字段旁边，而不仅靠颜色，并与该字段关联， 因此当字段获得焦点时，屏幕阅读器会朗读该提示。
• 提交含有无效字段的表单时，焦点会移到该字段，让问题主动找到您，而不是反过来。
• 在触摸设备上，文本字段以 16px 呈现，因此聚焦时不会触发无法撤销的 iOS 缩放。

4. 评估方式

通过自我评估，结合自动与人工检查：

• 项目自有测试套件中的自动化测试。一旦焦点指示、最小文本尺寸、目标尺寸、地标结构、 图片替代文本或标题顺序出现倒退，构建就会失败。
• 从实际渲染的像素测量对比度，对半透明图层进行合成，而不是读取声明的颜色值。
• 从 320px 到 1920px 的视口扫描，在其间的每一步检查横向溢出、元素重叠和文本被截断， 而不只是在有名称的断点处。
• 人工键盘走查，以及在 Chromium、Firefox 和 WebKit 上的跨引擎检查。

5. 已知的局限

• 没有独立审计。以上内容均为自我评估。由作者之外的人进行审计， 将为第 2 节的符合性表述提供更有力的依据。
• 辅助技术测试有限。结构与行为已对照无障碍树并通过键盘验证， 但本站尚未在所有主流屏幕阅读器上完成端到端测试。
• 第三方内容。预约安排由外部预订服务在其自有域名上提供， 我无法控制其无障碍性。如果这对您构成障碍，请改用第 6 节中的任一联系方式—— 通话总可以通过邮件另行安排。
• 嵌入媒体。本站目前没有发布任何视频。“关于我”页面预告的介绍视频 尚未录制；录制之后，就上文所声称的符合级别而言，WCAG 1.2.2 和 1.2.3 要求提供字幕和文字稿。

6. 反馈与联系方式

如果您在本站遇到障碍，请告诉我——这是让它尽快得到修复的最快途径； 即使您不确定问题是否出在我这一侧，也欢迎反馈。

• 发送邮件至 contact@mhsaeed.com—— 如希望优先处理，请在主题中写明“无障碍”。
• 或使用联系表单。

我会在 24 小时内回复，这与联系页面所作的承诺一致。如果您愿意分享， 请描述所在页面、当时想要完成的操作，以及您使用的浏览器或辅助技术—— 这会让问题的复现快得多。