# WAI_Chinese

**Repository Path**: NicolasLin/WAI_Chinese

## Basic Information

- **Project Name**: WAI_Chinese
- **Description**: No description available
- **Primary Language**: 其他
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-19
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 自制WAI指导原则中文版

## 编写Web可访问性

摘要：此页面介绍了一些基本注意事项，以帮助您开始编写残障人士更容易访问的Web内容。这些技巧是帮助您满足网页内容无障碍浏览指引（WCAG）要求的良好实践。遵循相关WCAG要求的链接，“理解”文档中的详细背景，教程指南，用户案例等。

页面内容
- 提供内容丰富，独特的页面标题
- 使用标题传达含义和结构
- 使链接文字有意义
- 为图像编写有意义的文本替代
- 创建多媒体文字记录和字幕
- 提供明确的指示
- 保持内容简洁明了

![](/网页截图/第一部分.png)

## 提供内容丰富，独特的页面标题

对于每个网页，请提供简短的标题，以描述页面内容并将其与其他页面区分开。页面标题通常与页面的主要标题相同。将独特且最相关的信息放在首位；例如，将页面名称放在组织名称之前。对于属于多步骤过程的页面，请在页面标题中包括当前步骤。

![](/网页截图/第二部分.png)

## 使用标题传达含义和结构

使用短标题将相关段落分组，并清楚地描述各节。好的标题提供了内容的大纲。

![](/网页截图/第三部分.png)

## 使链接文字有意义

编写链接文本，以描述链接目标的内容。避免使用歧义的链接文本，例如“单击此处”或“阅读更多”。指示有关链接目标的相关信息，例如文档类型和大小，例如“建议文档（RTF，20MB）”。

![](/网页截图/第四部分.png)

## 为图像编写有意义的文本替代

对于每个图像，编写提供图像信息或功能的替代文本。对于纯装饰性图像，无需编写替代文本。

![](/网页截图/第五部分.png)

## 创建多媒体文字记录和字幕

对于纯音频内容（例如播客），请提供视频记录。对于音频和视频内容（例如培训视频），也提供字幕。在记录和字幕中包括对理解内容很重要的语音信息和声音，例如“门吱吱作响”。对于视频记录，还包括重要视觉内容的描述，例如“ Athan离开房间”。

![](/网页截图/第六部分.png)

## 提供明确的指示

确保说明，指导和错误消息清晰，易于理解，并避免不必要的技术性语言。描述输入要求，例如日期格式。

![](/网页截图/第七部分.png)

## 保持内容简洁明了

根据情况，使用简单的语言和格式。

- 撰写简短明了的句子和段落。
- 避免使用不必要的复杂单词和短语。考虑为读者可能不知道的术语提供词汇表。
- 首次使用时请缩写。例如，Web内容可访问性指南（WCAG）。
- 考虑为读者可能不知道的术语提供词汇表。
- 适当使用列表格式。
- 考虑使用图像，插图，视频，音频和符号来帮助阐明含义。

![](/网页截图/第八部分.png)

## 了解有关辅助功能的更多信息

这些技巧是您需要进行Web访问的一些注意事项。以下资源可帮助您了解为什么可访问性很重要，以及有关使残障人士更易访问网络的准则。

- 辅助功能简介 —介绍辅助功能并提供许多有用资源的链接
- 易访问性原则 -一个介绍WCAG要求
- 残疾人如何使用网络 -现实生活中的例子表明了残疾人无障碍获取的重要性
- 如何满足WCAG（快速参考） -所有WCAG要求和技术的可定制参考

![](/网页截图/第九部分.png)


# step2:根据WAI原则点评[NBA中国官方网站](https://china.nba.com/)

1. 提供内容丰富，独特的页面标题。可以看到进入NBA的官网，有着许多内容，但同时也被分布的十分细腻。

![](/NBA/1.png)

![](/NBA/1.1.png)

2. 使用标题传达含义和结构
在整个页面中，我们可以看到它除了最开始的主标题外，下面还细分了各种副标题。

![](/NBA/2.png)

3. 使链接文字有意义NBA网站的链接文字使用的是更多资讯，不符合WAI的原则，容易给人带来歧义。

![](/NBA/3.png)

4. 为图像编写有意义的文本替代

![](/NBA/4.png)

5. 创建多媒体文字记录和字幕

![](/NBA/5.png)

![](/NBA/5.5.png)

6. 提供明确的指示 可以看到它让我们明确登录的指示。

![](/NBA/6.png)

![](/NBA/6.1.png)

7. 保持内容简洁明了 我们可以看到它使用了列表的形式 以及在网页中插入 插画，音频视频等方式。

![](/NBA/7.png)

![](/NBA/7.1.png)