我们的承诺
姹念相信自然之美应当被所有人感受。我们依照 WCAG 2.1 AA 标准对 wabinian.com 进行设计与自查， 努力让视觉、听觉、运动或认知障碍的用户，以及使用辅助技术的访客，都能平等、顺畅地获取品牌、产品与门店信息。
已落实的无障碍措施
- 键盘可操作：全站导航、表单与交互均可仅用键盘完成，支持 Tab 顺序与 Esc 关闭弹层。
- 可见焦点：键盘聚焦时有清晰的焦点指示，便于定位当前位置。
- 色彩对比：正文与背景对比度达到 AA 级别，关键信息不依赖单一颜色传达。
- 字体缩放：支持浏览器内置缩放到 200% 而不丢失内容或功能；页面同时提供字号调节。
- 语义化结构：使用语义化 HTML 与 ARIA 地标（header / nav / main / footer），便于屏幕阅读器导航。
- 替代文本：为功能性图片提供替代文本；装饰性图形标记为无意义（aria-hidden）。
- 跳转锚点：提供「跳到主内容」入口，避免重复遍历导航。
- 表单可达：每个输入项均关联标签，并提交校验与错误提示。
站内无障碍工具栏
页面右下角（移动端在菜单中）提供 ♿ 无障碍 工具栏，可一键调节字号、对比度、灰度等显示偏好， 即时生效且跟随本次访问。
兼容的辅助技术
我们已在主流浏览器与常见屏幕阅读器（如 NVDA、VoiceOver、TalkBack）上对关键路径进行验证。 若你使用的组合未被覆盖，欢迎下方反馈，我们会补充测试。
已知局限
部分早期图片与第三方嵌入内容可能尚未完全标注；个别复杂可视化在极端缩放下存在排版余量。 我们随版本迭代持续补全，目标是全站达到 WCAG 2.1 AA。
反馈与联系
如果你在访问中遇到障碍，或有改进建议，请通过以下方式联系我们，我们会尽快处理：
- 邮箱：wabinian@foxmail.com
- 电话：13634160361
- 也可通过 联系我们 页面留言。
参考标准
本页所称无障碍目标参照《Web Content Accessibility Guidelines（WCAG）2.1》AA 级。 「Accessible」意为人人可平等获取信息——这也是姹念自然美学理念的一部分。
自查清单
以下为 wabinian.com 在 WCAG 2.1 AA 框架下的自查结果（最近更新：2026-09-19）。
| 准则 | 要求 | 状态 |
|---|---|---|
| 1.1.1 | 非文本内容替代文本 | ✓ |
| 1.3.1 | 信息与关系（语义化 HTML） | ✓ |
| 1.3.2 | 有意义的顺序 | ✓ |
| 1.4.3 | 对比度（最低 4.5:1） | ✓ |
| 1.4.4 | 调整文字大小（200% 缩放） | ✓ |
| 2.1.1 | 键盘可操作 | ✓ |
| 2.1.2 | 无键盘陷阱 | ✓ |
| 2.4.3 | 焦点顺序 | ✓ |
| 2.4.7 | 焦点可见 | ✓ |
| 2.5.3 | 标签含可访问名称 | ✓ |
| 3.1.1 | 页面语言 | ✓ |
| 3.2.2 | 输入时标签 | ✓ |
| 3.3.1 | 错误识别 | ✓ |
| 3.3.2 | 标签或说明 | ✓ |
| 4.1.2 | 名称、角色、值 | ✓ |
本表覆盖 WCAG 2.1 AA 级 15 项核心准则。部分涉及多媒体（1.2.x）与实时交互（2.2.x）的准则因站内无相关内容暂不适用，后续如增加音视频将补充测试。
技术实现细节
- 跳转锚点：每页顶部提供「跳到主内容」链接，键盘 Tab 即可到达。
- ARIA 地标：全站使用 header / nav / main / footer 语义标签，搜索弹窗标记为 role="dialog"。
- 焦点样式：自定义 :focus-visible 样式（2px 实线轮廓 + 偏移），确保在任何背景上可见。
- 移动端适配：触摸目标最小 44×44px，菜单折叠后仍可键盘操作。
- 色彩方案：主色 var(--moss) 对比度 5.2:1（AA 级），正文色 var(--ink) 对白底 > 7:1（AAA 级）。
- 字体缩放：基准 16px，最大放大 200% 不溢出不截断。无障碍工具栏提供额外 4 档调节。