# WISERUNION 无障碍与科研图表规范

版本：V1.0
日期：2026-11-03
适用：品牌网站、研究文章、演示材料中的文字、媒体与图表。
色彩依据：《WISERUNION 网站标准色与应用规范 V1.0》（2026-09-20）。

本版以 [W3C WCAG 2.2](https://www.w3.org/TR/WCAG22/) A / AA 为设计和验收参照，补充下列品牌设计目标。**本文件不是全站无障碍合规声明，也不表示已经完成全站审计。**标准制定、个别配色核验、单页测试和全站完整流程评估应分别记录。

## 一、文字、图片与媒体

- 正文使用可选择的真实文字，按逻辑组织标题，注明内容语言；链接写清去向，表单保留可见标签。错误提示同时说明原因与修正方法。
- 信息图片提供相应用途的替代文本，复杂图旁配结论摘要与完整数据表；纯装饰图片使用空替代文本。链接图片的名称解释操作目的，不能只写“图片”或文件名。
- 预录有声视频提供人工复核的同步字幕，交代说话者及有意义的声音；直播按适用条目提供字幕。文字稿另行提供，画面独有的关键信息按适用要求提供音频描述。文字稿不自动替代同步字幕或音频描述。
- 自动字幕在复核前标“待复核”；发布者须核对人名、数字、术语、说话者与声音信息。

字幕示例：`00:06　讲解者：实线表示已记录段。[键盘提示音]`。只保留有意义的声音。

## 二、可读性、键盘与触控

- 普通文字对比度至少 4.5:1；大号文字至少 3:1。大号文字约为普通 24 CSS px，或粗体 18.66 CSS px。关键图形和界面识别信息按相邻背景检查至少 3:1。
- 沿用现行配对：墨黑/白 18.26:1，正文灰/白 5.49:1，深青绿/白 6.12:1，柔白/深黑 19.09:1，亮青绿/深黑 8.74:1。上述值按不透明 sRGB 计算，实际背景有图片、透明或渐变时须另测。
- 标准青绿/白 3.99:1，不用于普通小字号正文；亮青绿/白 2.28:1，不用于关键图标或正文；分隔灰仅作非关键分隔。
- 用 Tab、Shift+Tab、Enter 和适用的 Space 检查完整路径；不设键盘陷阱。关键信息不能只在鼠标悬停时出现。对话框关闭后恢复合理焦点；固定导航不得把焦点控件完全遮住。
- 品牌焦点采用 2px 描边与外偏移：浅底深青绿、深底亮青绿。这是本版外观约定。2.4.7 AA 要求焦点可见，2.4.11 AA 要求焦点控件不完全被遮挡，2.4.13 更严格的焦点外观要求属于 AAA。
- 常用独立按钮以至少 44 × 44 CSS px 为本版设计目标，并保留相邻间距。WCAG 2.5.8 AA 的最低尺寸是 24 × 24 CSS px，并有间距、行内等例外；不把 44 px 宣称为该 AA 条目的统一要求。拖动须有适用的替代操作。
- 选中、错误、成功和系列状态同时使用文字、图标、形状、纹理或线型；不能只靠颜色。

## 三、放大、手机与动态

- 不禁止浏览器缩放；文字放大到 200% 后保持内容与功能。普通内容在等效 320 CSS px 宽度回流，不要求整页横向滚动。
- 确需二维布局的图或表可在自身容器横向滚动，同时保留摘要、可读完整数据、单位、表头和下载；不裁掉关键列。检查键盘能到达并操作滚动区域。
- 响应系统减少动态偏好，停止非必要漂浮、循环运动、视差等效果。自动移动内容按适用条目提供暂停、停止或隐藏；避免危险闪烁。减少交互动效是本版目标，相关 2.3.3 属 AAA 条目。
- 本版图表示例默认静态呈现，不通过逐步动画隐藏结论。

## 四、研究图表的必备字段

每幅图保留以下字段，不适用处写明原因，不能留出会被误认为已核验的空白。

| 字段 | 填写内容 |
| --- | --- |
| 问题与结论 | 图想解释什么、可得结论、不可推断范围 |
| 来源与版本 | 机构、资料名、链接或文献标识、表页位置、版本；自编数据明确标注 |
| 观察期 | 实际观察的时点或期间，区域与时区；不混用时点和期间 |
| 发布日 / 检索日 | 原始资料发布日期与本次访问日期分别记录 |
| 单位 | 单位、币种、量纲、名义/实际口径；轴与表头一致 |
| 样本与分母 | 样本量、纳入排除规则、分子、分母；纯计数写明分母不适用 |
| 缺失与处理 | 缺失数量、去重、补齐或剔除规则；未知值不作零 |
| 计算 | 公式、基期、权重、换算、舍入位数和修订记录 |
| 状态 | 实际记录、估计、预测、假设情景、未核验分别标注 |
| 不确定性 | 区间是标准差、标准误、置信区间还是情景范围；算法、水平和样本依据 |
| 局限与风险 | 数据局限、假设失效条件、适用投融资风险标签 |

没有统计依据就不画“置信带”。情景上下限不等于置信区间；标准差、标准误、置信区间也不能互换名称。

### 可复制的图注模板

```text
图题：
结论摘要：
来源机构 / 资料 / 链接或标识 / 表页：
来源版本 / 本图版本：
观察期 / 地区 / 时区：
原资料发布日期 / 本次检索日：
单位 / 币种 / 价格口径：
样本量 / 纳入排除规则 / 分子 / 分母：
缺失数量 / 去重及缺失处理：
公式 / 基期 / 权重 / 舍入：
实际、估计、预测、假设、未核验的范围与画法：
区间性质 / 算法 / 水平 / 样本依据，或不适用原因：
假设及失效条件：
数据局限 / 不可推断范围 / 适用风险：
复核人 / 复核日期 / 修订记录：
```

## 五、图形规则与正误示例

- 柱形以长度表示数值，应从零起；横轴/纵轴保留合理范围与单位。避免立体柱、装饰渐变和无说明双轴。
- 折线按正确时间间距绘制；实际用实线圆点，预测或假设换虚线方点并直接写明状态。非零折线轴在轴旁显著写“纵轴从 X 开始，已截断”，同时提供完整范围或零起点对照。
- 以标签、线型、形状或纹理配合颜色，保证黑白阅读能区分；细浅线不能独自承载关键数据。
- 每图都有短摘要与完整数据表，下载文件、图形、表格与图注保持一致。屏幕窄时图表可局部滚动，不能让整页横向溢出。

| 正确表述 | 错误表述及原因 |
| --- | --- |
| “80%（16/20），人工演示样本，V1.0” | “显著领先”：没有样本依据与统计检验 |
| “第 5–6 期为每期 +6 条的未核验假设” | “未来必然持续增长”：把假设写成事实或保证 |
| “无置信区间；灰底仅标明假设范围” | “灰色区域是置信带”：没有模型或统计依据 |
| “— 为状态不适用，不是零” | 自动补零：制造原资料没有提供的值 |
| “纵轴 0–100%，无截断” | 隐藏柱形非零起点：夸大长度差异 |

涉及投融资时，在图旁注明适用风险，例如“历史表现不代表未来结果”“预测或情景不构成收益承诺”，并披露期间、币种、费用和假设。风险标签不能修补失实数据。

## 六、本包示例与使用边界

配套 `comparison-example.svg/.csv` 与 `actual-assumption-example.svg/.csv`。具体数值、公式、字段解释和复用步骤见 `chart-examples-readme.md`。

**所有数值为人工编制演示数据，非市场数据、非项目业绩、非投资建议。**不得用于证明真实业绩、收益、工具优劣、客户结果、AI 日报内容或机构能力。示例不含统计推断，也没有置信区间。

## 七、发布与审计记录

- [ ] 标题讲清问题，来源能回查，版本与观察期、发布日期、检索日完整。
- [ ] 单位、样本、分母、缺失、计算公式和舍入规则一致。
- [ ] 实际、估计、预测、假设与未核验清楚区分；区间性质、局限和风险已说明。
- [ ] 零起点与截断符合图形用途；无立体、双轴或装饰效果制造误导。
- [ ] 数据靠文字、线型、形状或纹理区分，黑白阅读仍能理解。
- [ ] 摘要、表格、CSV 和 SVG 全部同步；图片替代文本、字幕与文字稿已核对。
- [ ] 键盘、焦点、320 CSS px 回流、200% 文字放大、减少动态偏好与屏幕阅读器已检查。
- [ ] 记录页面范围、设备/浏览器/版本、测试日期、人员、证据与未解决项；未经实际测试不标“通过”。

自动检测、颜色计算和人工路径验证分别记录。任何正式合规声明还需依据完整页面与完整流程评估，不以本规范或单页示例替代。

## 八、官方依据

核对日期：2026-11-03。规范性要求以 W3C 正式标准为准；Understanding 页面是辅助解释。

- [WCAG 2.2 正式标准](https://www.w3.org/TR/WCAG22/)
- [1.2.2 预录字幕解释](https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded.html)
- [1.4.10 回流解释](https://www.w3.org/WAI/WCAG22/Understanding/reflow.html)
- [1.4.11 非文本对比解释](https://www.w3.org/WAI/WCAG22/Understanding/non-text-contrast.html)
- [2.5.8 最小目标尺寸解释](https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html)
- [2.4.11 焦点不被遮挡](https://www.w3.org/TR/WCAG22/#focus-not-obscured-minimum)
- [2.3.3 交互动效](https://www.w3.org/TR/WCAG22/#animation-from-interactions)