# Website-operation

**Repository Path**: wangtingyu/Website-operation

## Basic Information

- **Project Name**: Website-operation
- **Description**: 网站运营相关
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [自制WAI指导原则中文版](https://www.w3.org/WAI/tips/writing/)
## 译 Tips for Getting Started Writing for Web Accessibility原则
![WAI原则总结](/image/sumary.png)
此页面介绍了一些基本注意事项，以帮助您开始编写残障人士更容易访问的Web内容。这些技巧是帮助您满足Web Content Accessibility Guidelines（WCAG）要求的良好实践。遵循相关WCAG要求的链接，“理解”文档中的详细背景，教程指南，用户案例等。
![WAI原则总结](/image/page-contents.png)
#### 页面内容
* 提供内容丰富，独特的页面标题
* 使用标题传达含义和结构
* 使链接文字有意义
* 为图像编写有意义的文本替代
* 创建多媒体文字记录和字幕
* 提供明确的指示
* 保持内容简洁明了
### 提供内容丰富，独特的页面标题
对于每个网页，请提供简短的标题，以描述页面内容并将其与其他页面区分开。页面标题通常与页面的主要标题相同。将独特且最相关的信息放在首位；例如，将页面名称放在组织名称之前。对于属于多步骤过程的页面，请在页面标题中包括当前步骤。
![WAI原则总结](/image/Example Page Titles.png)
### 使用标题传达含义和结构
使用短标题将相关段落分组，并清楚地描述各节。好的标题提供了内容的大纲。
![WAI原则总结](/image/headings.png)
### 使用标题传达含义和结构
使用短标题将相关段落分组，并清楚地描述各节。好的标题提供了内容的大纲。
![WAI原则总结](/image/link.png)
### 使链接文字有意义
编写链接文本，以描述链接目标的内容。避免使用歧义的链接文本，例如“单击此处”或“阅读更多”。指示有关链接目标的相关信息，例如文档类型和大小，例如“Proposal Documents (RTF, 20MB)”。
![WAI原则总结](/image/text.png)
### 为图像编写有意义的文本替代
对于每个图像，编写提供图像信息或功能的替代文本。对于纯装饰性图像，无需编写替代文本。
### 创建多媒体文字记录和字幕
对于纯音频内容（例如播客），请提供成绩单。对于音频和视频内容（例如培训视频），也提供字幕。在成绩单和字幕中包括对理解内容很重要的语音信息和声音，例如“门吱吱作响”。对于视频成绩单，还包括重要视觉内容的描述。
![WAI原则总结](/image/instructions.png)
### 提供明确的指示
确保说明，指导和错误消息清晰，易于理解，并避免不必要的技术性语言。描述输入要求，例如日期格式。
![WAI原则总结](/image/content.png)
### 保持内容简洁明了
根据情况，使用简单的语言和格式。

* 撰写简短明了的句子和段落。
* 避免使用不必要的复杂单词和短语。考虑为读者可能不知道的术语提供词汇表。
* 首次使用时请缩写。例如，Web内容可访问性指南（WCAG）。
* 考虑为读者可能不知道的术语提供词汇表。
* 适当使用列表格式。
* 考虑使用图像，插图，视频，音频和符号来帮助阐明含义。
![WAI原则总结](/image/readable and understandable.png)
---
## 用WAI点评一个网站[帝国2民族排行榜](https://aoestats.io/)
![帝国2](/image/aoeheading.png)
> 标题醒目，aoestats帝国统计表，背景是一个模糊的西欧式城堡

![帝国2](/image/linkletter.png)
> 使链接文字有意义，避免冗杂。

![帝国2](/image/chinese&huns.png)
> 两条线使用不同颜色，如果玩家是色盲的话会比较困扰，建议使用实线和虚线。

![帝国2](/image/image&text.png)
> 老玩家确实可以通过各个民族的头像来判断民族，但是加上名字可以让对31民族不熟悉的新玩家知道这是那个民族。

![输入图片说明](https://images.gitee.com/uploads/images/2020/0323/143854_d5c8a04d_4865408.png "much text.png")
> 对兵种的详细叙述，可以让玩家通过简单的算数就知道各个兵种的特性，各个兵种的用途和强弱一目了然。这比其他游戏中毫无价值的介绍要好不少，使玩家对游戏了解更深。

![帝国2](/image/gun.jpg)
> 而不像这个枪战游戏的官网一样，在不知道一款道具的性能时，要根据网上的游戏高手的体验来确定是否需要买，否则会花很多冤枉钱。