#  Web_Operations

**Repository Path**: L-Tony-info/Web_Operations

## Basic Information

- **Project Name**:  Web_Operations
- **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-19
- **Last Updated**: 2021-07-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#  WAI原则翻译

## 提供信息丰富、独特的页面标题
    对于每个web页面，提供一个简短的标题，描述页面内容并将其与其他页面区分开来。页面标题通常与页面的主标题相同。将唯一且最相关的信息放在第一位；例如，将页面名称放在组织名称之前。对于属于多步骤流程的页面，请在页面标题中包含当前步骤。

#### 示例：页面标题
* 主页标题
* 页面名称后跟组织名称
* 页面名称，包括进程中的步骤
![1.](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/图片1.png)


## 用标题表达意思和结构
    使用短标题对相关段落进行分组，并清楚地描述章节。好的标题提供了内容的概要。

#### 示例：使用标题组织内容
* 缺少标题
* 使用标题和副标题
![2.](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/图片2.png)


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

#### 示例：使用链接文本描述目标页面 
* 无信息
    有关设备独立性的更多信息，请单击此处。
* 有意义的信息
    阅读有关设备独立性的更多信息。

#### 更多信息
+ WCAG
    * 链接目的（在上下文中）2.4.4（理解2.4.4）
    * 链接目的（仅链接）2.4.9（理解2.4.9）

![3.](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/图片3.png)

## 为图像编写有意义的文本替代
    对于每个图像，编写提供图像信息或功能的替代文本。对于纯装饰性图像，无需编写替代文本。
#### 使用替代文本传达重要信息
* 没有信息
* 内容丰富
    替代文字通常不可见；它包含在此示例中只是为了您可以看到它是什么。

#### 更多信息
+ WCAG
    * 非文本内容1.1.1（理解1.1.1）
+ 讲解
    * 图片
+ 用户的故事
    * 向盲人用户介绍替代文本的价值

![4.](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/图片4.png)

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

#### 更多信息
+ WCAG
    * 字幕（预先录制）1.2.2（理解1.2.2）
    * 音频描述或媒体替代（预先录制）1.2.3（了解1.2.3）
+ 用户的故事
    * 描述字幕如何帮助聋哑学生

![5.](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/图片5.png)

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

#### 示例：说明传达用户应提供哪些信息
* 密码至少应包含六个字符，并且至少包含一个数字（0-9）。

#### 示例：错误指示问题所在以及可能的解决方法
* 用户名“ superbear”已在使用中。
* 密码必须至少包含一个数字。
#### 更多信息
+ WCAG
    * 标签或说明3.3.2（理解3.3.2）
+ 用户的故事
    * 描述简单的说明，帮助学习有困难的人

![6.](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/图片6.png)

## 保持内容简洁明了
    根据情况，使用简单的语言和格式。

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

#### 示例：使内容易读易懂
+ 不必要的复杂：
    CPP：万一发生车辆碰撞，公司指派的代表将寻求查明所涉各方财产的损害程度和原因。一旦我们的代表获得使我们了解因果关系的信息，我们可能会分配也可能不会分配适当的货币补偿。最终的决定可能会出现以下选择之一：索赔未获批准并被指定为拒绝状态，索赔的状态不明确，在进一步处理之前将需要其他信息，部分索赔已获批准并且减免了付款。分配和签发，或者索赔已完全批准，并且分配了总索赔付款。
+ 更容易理解：索赔处理程序（CPP）：
    如果您发生车祸，我们的代理商将进行调查。调查结果将确定任何索赔款项。这可能导致：
    * 批准的索赔-全额付款
    * 部分批准的索赔-减少付款
    * 未确定的索偿-需要更多信息
    * 索赔被拒-不付款

#### 更多信息
+ WCAG
    * 阅读级别3.1.5（理解3.1.5）
    * 不寻常的单词3.1.3（理解3.1.3）
    * 缩写3.1.4（理解3.1.4）
+ 用户的故事
    * 阅读障碍者受益于易于阅读的文本

![7.](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/图片7.png)


# 运用WAI原则进行网站点评 ———— 慕课    

### 提供信息丰富、独特的页面标题
* 慕课给予每个课程简短的标题，描述其页面内容并与其他页面作出区分。
> ![](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/网站点评图片/点评1.jpg)


### 用标题表达意思和结构
* 慕课使用正确的标题来描述内容的概要，并清楚地在下方作出简述，与此同时标题层次分明，让人一目了然。
> ![](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/网站点评图片/点评2.jpg)


### 使链接文字有意义
* 慕课使用不含歧义的文本来指示目标内容，充分做到了赋予其正确意义且简洁明了，通俗易懂。
> ![](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/网站点评图片/点评3.jpg)


### 为图像编写有意义的文本替代
* 慕课为每一个带有图片的内容编写了具有强烈概括性的文本，不仅能为障碍人士传达其价值，更能够让一些因网络或设备不佳而无法查看图片的人群更准确、更及时地了解主要内容。
> ![](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/网站点评图片/点评4.jpg)


### 创建多媒体文字记录和字幕
* 慕课内含带有字幕与多种语言的课程，为部分特殊人群提供了合适的观看方法，做到了无障碍观看。
> ![](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/网站点评图片/点评5.png)


### 提供明确的指示
* 慕课的注册页面在填写密码处标明了密码的要求，确保了指示清晰。
> ![](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/网站点评图片/点评6.jpg)


### 保持内容简洁明了
* 慕课在课程主页面展示了课程大纲并对每一章节赋予正确标题，让人更易于理解其主要内容。
> ![](https://gitee.com/L-Tony-info/Web_Operations/raw/master/images/网站点评图片/点评7.png)