# Web_Operations

**Repository Path**: NFUNM078/Web_Operations

## Basic Information

- **Project Name**: Web_Operations
- **Description**: 网站运营与管理
- **Primary Language**: HTML/CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web辅助功能入门编写技巧
## 摘要
本页介绍了一些基本注意事项，可帮助您开始编写残障人士更容易访问的Web内容。这些提示是帮助您满足Web内容可访问性指南（WCAG）要求的良好实践。请点击相关WCAG要求的链接，“理解”文档中的详细背景，教程指南，用户故事等。

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


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

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

![示例：页面标题](https://images.gitee.com/uploads/images/2019/0303/231559_777bc20c_1532287.png "59cf0f8ea783db942ee13c512877a52.png")

更多信息
- WCAG
    - [页面标题为2.4.2](http://www.w3.org/WAI/WCAG21/quickref/#page-titled)[（了解2.4.2）](https://www.w3.org/WAI/WCAG21/Understanding/page-titled)

### 使用标题来表达意义和结构

使用简短标题对相关段落进行分组，并清楚地描述各个部分。好的标题提供了内容的概述。

![示例：使用标题来组织内容](https://images.gitee.com/uploads/images/2019/0303/232204_599c860b_1532287.png "5dc542b128011beb49dbce2ae1723c7.png")

更多信息
- WCAG
    - [标题和标签2.4.6](https://www.w3.org/WAI/WCAG21/quickref/#headings-and-labels/)[（理解2.4.6）](https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels)
    - [章节标题2.4.10](https://www.w3.org/WAI/WCAG21/quickref/#section-headings)[（理解2.4.10）](https://www.w3.org/WAI/WCAG21/Understanding/section-headings)
    - [信息和关系1.3.1](https://www.w3.org/WAI/WCAG21/quickref/#info-and-relationships)[（理解1.3.1）](https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships)
- 用户故事
    - [屏幕阅读器用户如何使用标题进行导航](https://www.w3.org/WAI/people-use-web/user-stories/#accountant)
### 使链接文本有意义

编写链接文本，以便描述链接目标的内容。 避免使用含糊不清的链接文本，例如“点击此处”或“阅读更多”。 指示有关链接目标的相关信息，例如文档类型和大小，例如“提案文档（RTF，20MB）”。

![示例：使用链接文本描述目标页面](https://images.gitee.com/uploads/images/2019/0303/232712_60a73a3a_1532287.png "8149256cb2807c4b6f06e576e4464b0.png")

更多信息
- WCAG
    - [链接目的（在上下文中）2.4.4](https://www.w3.org/WAI/WCAG21/quickref/#link-purpose-in-context)[（理解2.4.4）](https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-in-context)
    - [链接目的（仅限链接）2.4.9](https://www.w3.org/WAI/WCAG21/quickref/#link-purpose-link-only)[（了解2.4.9）](https://www.w3.org/WAI/WCAG21/Understanding/link-purpose-link-only)

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

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

![示例：使用替代文本来传达重要信息](https://images.gitee.com/uploads/images/2019/0303/233027_48956d6d_1532287.png "2d752ad4bbdce130e1e052b80839137.png")

更多信息
- WCAG
    - [非文本内容1.1.1](https://www.w3.org/WAI/WCAG21/quickref/#non-text-content)[（了解1.1.1）](https://www.w3.org/WAI/WCAG21/Understanding/non-text-content)
- 教程
    - [图片](https://www.w3.org/WAI/tutorials/images/)
- 用户故事
    - [描述盲人用户的文本替代值](https://www.w3.org/WAI/people-use-web/user-stories/#accountant)

### 为多媒体创建副本和说明

对于纯音频内容，这样的播客提供成绩单。 对于音频和视频内容，例如培训视频，还提供字幕。 在成绩单和标题中包含对理解内容很重要的口头信息和声音，例如“门吱吱”。 对于视频脚本，还包括重要视觉内容的描述，例如“Athan离开房间”。

更多信息
- WCAG
    - [字幕（预先录制）1.2.2](https://www.w3.org/WAI/WCAG21/quickref/#captions-prerecorded)[（理解1.2.2）](https://www.w3.org/WAI/WCAG21/Understanding/captions-prerecorded)
    - [音频描述或媒体替代（预先录制）1.2.3](https://www.w3.org/WAI/WCAG21/quickref/#audio-description-or-media-alternative-prerecorded)[（了解1.2.3）](https://www.w3.org/WAI/WCAG21/Understanding/audio-description-or-media-alternative-prerecorded)
- 用户故事
    - [描述字幕如何帮助聋哑学生](https://www.w3.org/WAI/people-use-web/user-stories/#onlinestudent)

### 提供明确的说明

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

![示例](https://images.gitee.com/uploads/images/2019/0303/233521_79cd36ab_1532287.png "cf990efca9694ca39f1d365001135ef.png")

更多信息
- WCAG
    - [标签或说明3.3.2](https://www.w3.org/WAI/WCAG21/quickref/#labels-or-instructions)[（了解3.3.2）](https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions)
- 用户故事
    - [描述简单的说明可以帮助有学习困难的人](https://www.w3.org/WAI/people-use-web/user-stories/#supermarketassistant)

### 保持内容清晰简洁

根据上下文使用简单的语言和格式。

- 写一些简短明了的句子和段落。
- 避免使用不必要的复杂单词和短语。 考虑为读者可能不知道的术语提供词汇表。
- 首次使用时扩展首字母缩略词。 例如，Web内容可访问性指南（WCAG）。
- 考虑为读者可能不知道的术语提供词汇表。
- 根据需要使用列表格式。
- 考虑使用图像，插图，视频，音频和符号来帮助澄清意义。


![示例：使内容可读且易于理解](https://images.gitee.com/uploads/images/2019/0303/233653_831cc57e_1532287.png "e4c13f9d6185f45feab4770162213f8.png")

更多信息
- WCAG
    - [阅读水平3.1.5](https://www.w3.org/WAI/WCAG21/quickref/#reading-level)[（理解3.1.5）](https://www.w3.org/WAI/WCAG21/Understanding/reading-level)
    - [不寻常的话3.1.3](https://www.w3.org/WAI/WCAG21/quickref/#unusual-words)[（理解3.1.3）](https://www.w3.org/WAI/WCAG21/Understanding/unusual-words)
    - [缩写3.1.4](https://www.w3.org/WAI/WCAG21/quickref/#abbreviations)[（理解3.1.4）](https://www.w3.org/WAI/WCAG21/Understanding/abbreviations)
- 用户故事
    - [阅读障碍的用户可以从易于阅读的文本中受益](https://www.w3.org/WAI/people-use-web/user-stories/#classroomstudent)