#    WAI-guidelines

**Repository Path**: kg2000/WAI-guidelines

## Basic Information

- **Project Name**:    WAI-guidelines
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 自制WAI指导原则中文版

#### 介绍
- 这是自制WAI指导原则的中文翻译。


#### 摘要
- 本页介绍了一些基本注意事项，通过翻译帮助您开始编写有关国内网站更好访问性的交互实践Web内容。这些点评可以帮助您满足Web内容可访问性指南（WCAG）要求的良好实践。


#### 页面内容


- 提供信息丰富，独特的页面标题
- 使用标题来表达意义和结构
- 使链接文本有意义
- 为图像编写有意义的文本替代品
- 为多媒体创建成绩单和标题
- 提供明确的说明
- 保持内容清晰简洁

*****
<a name="提供信息丰富，独特的页面标题" />

# 提供信息丰富，独特的页面标题

![标题](https://images.gitee.com/uploads/images/2020/0326/184039_1cbd01bf_2229655.png "all.png")

> 用独特的时间线划分历史时刻，左上角提供有用入口

## 实例：页面标题
* 主页标题
![主页标题](https://images.gitee.com/uploads/images/2020/0326/183339_fc3f4bdd_2229655.png "titlefather.png")
* 页面标题之中带有组织名称和已经进行的步骤
![页面标题之中带有组织名称和已经进行的步骤](https://images.gitee.com/uploads/images/2020/0326/183322_6290e054_2229655.png "titleson.png")

******

## 使用标题来表达意义和结构
![表达](https://images.gitee.com/uploads/images/2020/0326/183855_d10ecfd8_2229655.png "d.png")
>好的标题简短表述了不同段落的内容并把这些内容进行清晰的排列分组，使之结构上简洁而可访问性增强。

## 使链接文本更有意义
### 重点：

- 用链接文本描述目标页面
![描述](https://images.gitee.com/uploads/images/2020/0326/183619_e5d91710_2229655.png "divorce.png")


## 为图像编写有意义的文本替代品
### 重点：能够提供图像信息或者功能的替代文本，对于美化装饰类的图像不需要替代文本

### 示例：用替代文本来传达图像功能或者信息
|无信息|信息化|
|:-----------|-----------:|
|最后的匈奴王城：被北魏拓跋焘所灭，城池毁于北宋|最后的匈奴王城：被北魏拓跋焘所灭，城池毁于北宋|
|**图片的替代文字**：“图片”|**图像的替代文字**：“五胡十六国”| 

## 为多媒体创建成绩单和标题
### 重点：
- 应该向纯音频内容的播客提供成绩单。
- 音视频内容例如电影视频，还需要提供字幕。在成绩单和标题中包含对理解内容很重要的口头声音信息。
- 视频脚本还包括重要视觉内容的描述。

## 提供明确的说明
### 重点：

- 确保有利于理解的说明指导和错误消息通报，并避免使用不必要的技术语言。描述输入要求，例如日期格式。

### 示例：条目更改过程
![提示](https://images.gitee.com/uploads/images/2020/0326/183446_00279b12_2229655.png "giudeline.png")




## 保持内容简洁清晰
### 重点：
- 使用简短的段落或者句子来说明上下文
![简短](https://images.gitee.com/uploads/images/2020/0326/183505_e8bcd741_2229655.png "construct.png")
- 使用列表格式使整体阅读效率提高
![列表](https://images.gitee.com/uploads/images/2020/0326/183518_5b0b26b8_2229655.png "clear.png")
- 避免术语或者复杂性词汇的出现，如有出现要提供可查询的词汇表（首次出现的词汇缩写要进行说明）
![解释](https://images.gitee.com/uploads/images/2020/0326/183536_3723cc3a_2229655.png "moreabout.png")
- 可使用音视频或图像或特殊符号来进行意义的阐述说明
![符号](https://images.gitee.com/uploads/images/2020/0326/183548_171be85b_2229655.png "relation.png")