# Web_Operations

**Repository Path**: LiangShanYi/Web_Operations

## Basic Information

- **Project Name**: Web_Operations
- **Description**: 网站运营与管理课程
- **Primary Language**: 其他
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Writing for Web Accessibility
- 内容：对于WAI原则的翻译

![摘要](img/1.png)

## 提供有意义的，独特的页面标题

*************************

对于每一个网页，提供一个能够概括阐述页面内容的短标题并且使它能和其他的页面做区分。这个页面标题经常是跟主标题一样的。首先，保留其独特性以及最主要的相关信息；例如，把页面的名称放在组织（主体）的名称之前。这个是相对于多步骤过程的部分页面，包括页面标题的当前步骤。

![例子1](img/2.png)

## 使用多个标题来表达意思和结构

*************************

使用简短的标题来分类相关段落并且清晰明显地描述各个小节（的内容）。好的标题提供了文本的基本概述。

![例子2](img/3.png)

## 使链接的文本有意义

*************************

写下一段能够阐述内容的链接目标的链接文本。避免使用模糊的链接文本比如“点击这里”或者“阅读更多”。指明链接目标的相关信息，例如文档类型和大小，比如“建议文档（RTF，20MB）”

![例子3](img/4.png)

## 给图片编写有意义的备选文字
****************************
对于每一张图片，编写备选文字，提供图片的信息或者功能。对于单纯的装饰性的图片，就没有必要去编写备选文字。

![例子4](img/5.png)

## 为多媒体创建记录并加上标题
****************************
对于纯音频的内容，例如播客，提供了一个文字记录。对于视听的内容，例如训练视频，同样提供了字幕。在文字记录和说明中包含对理解内容很重要的口头信息和声音，例如，“门的嘎吱声”。对于视频记录，同样也包括重要的视觉性的描述信息，例如，“雅典 离开了房间”。

![例子5](img/6.png)

## 提供清晰的说明
*****************
确保你的说明，指导以及错误的信息是清晰的，易于理解的，同时要避免不必要的学术性语言。描述投入需求量，例如，日期格式。

![例子6](img/7.png)

## 保持内容清晰简洁
********************
#### 为上下文使用简单的语言和格式。
- 书写简短，清晰的句子和段落。
- 避免使用不必要而且复杂的单词和短语。考虑为读不懂的读者提供一个术语表。
- 扩大首字母的缩略词的使用。例如，网站内容可访问性指南（WCAG）
- 考虑为读不懂的读者提供一个术语表。
- 使用适当的列表格式。
- 考虑使用图像、插图、视频、音频和符号来帮助阐明含义。

![例子7](img/8.png)

# 根据WAI原则评价淘宝网站

- 淘宝网标题简短，明确，用户直接搜索关键词即可找到。
![0](img/0.png)
- 侧边栏、导航栏都对商品进行了小标题的分类
![0](img/00.png)
- 商品图片有对应的文字说明
![0](img/0000.png)
- 设置了可访问性的指南（如，“猜你喜欢”、“超值热卖”、“反馈”、“举报”、“联系客服”等）
![0](img/00.png)
- 底部有设计小标题的可访问性指南，解释说明了一些术语，同时也设置了小标题和衍生的拓展内容。
![0](img/000.png)