无障碍：背景与承诺

本状态报告适用于 withings.com 网站。截至目前，我们的 Withings.com 网站由于以下主要不合规问题，仅部分符合数字无障碍标准。

已识别的主要不合规问题：

我们的审计发现了以下类别的无障碍问题：

1. 表单和交互元素问题：

许多表单字段和按钮缺少无障碍标签或名称，导致屏幕阅读器用户和键盘导航用户难以使用甚至无法使用。

下拉列表和输入字段需要无障碍名称。

由于使用了大于 0 的 tabindex，Tab 键顺序并不总是合乎逻辑，妨碍了键盘导航。

2. 颜色对比度问题：

部分文本和图形元素未达到最低颜色对比度要求，可能导致视力受损用户无法阅读内容。

3. 语义和结构问题：

ARIA 属性有时被误用或不适用于相关元素。

列表元素并不总是正确嵌套在列表中，可能干扰辅助技术对语义结构的解析。

主 元素缺少语言属性（lang），可能影响屏幕阅读器的发音。

4. 图片缺少替代文本：

部分图片缺少替代文本描述（alt），对于无法看到图片的用户而言无法访问。

不成比例负担的豁免

无

无障碍评估工具

我们已使用 Axe 和 Pa11y 等工具进行了深入的无障碍审计。

无障碍行动计划

我们全力致力于持续改进，以实现合规目标。以下行动计划详细说明了我们将采取的步骤：

目标：于 2027 年 6 月 28 日前实现数字无障碍标准合规。

优先领域：

1. 改善表单和键盘导航：

- 措施：为所有表单字段 "input"、"textarea"、"select" 系统性地关联清晰准确的 "label" 标签。

- 措施：确保所有按钮和交互元素具有无障碍名称（aria-label、aria-labelledby、文本内容）。

- 措施：消除或修正大于 0 的 tabindex 用法，确保逻辑自然的 Tab 键顺序。

- 措施：对整个网站进行完整的键盘导航测试。

2. 修正颜色对比度问题：

- 措施：审查网站配色方案，确保所有重要文本和元素满足所需的颜色对比度（WCAG 2.1 AA）。

- 措施：在开发和验证过程中使用对比度验证工具。

3. 优化代码语义和结构：

- 措施：修正 ARIA 属性的使用，使其与元素角色相符。

- 措施：确保列表（"ul"、"ol"、"li"）的正确语义结构。

- 措施：为 元素添加正确的 lang 属性。

4. 为图片添加替代文本：

- 措施：为所有有意义的图片添加描述性且相关的 alt 文本。

- 措施：对于装饰性图片，确保 alt 属性为空（alt=""），使其被屏幕阅读器忽略。