# 网站运营与管理
**Repository Path**: azorachin/operate
## Basic Information
- **Project Name**: 网站运营与管理
- **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-18
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
## 编写Web可访问性
### 摘要
此页面介绍了一些基本注意事项，以帮助您开始编写残障人士更容易访问的Web内容。这些技巧是帮助您满足Web Content Accessibility Guidelines（WCAG）要求的良好实践。遵循相关WCAG要求的链接，“理解”文档中的详细背景，教程指南，用户案例等。
### 页面内容
- 提供内容丰富，独特的页面标题
- 使用标题传达含义和结构
- 使链接文字有意义
- 为图像编写有意义的文本替代
- 创建多媒体文字记录和字幕
- 提供明确的指示
- 保持内容简洁明了
#### 提供内容丰富，独特的页面标题
对于每个网页，请提供简短的标题，以描述页面内容并将其与其他页面区分开。页面标题通常与页面的主要标题相同。将独特且最相关的信息放在首位；例如，将页面名称放在组织名称之前。对于属于多步骤过程的页面，请在页面标题中包括当前步骤。
更多信息
WCAG
[标题为2.4.2的页面](https://www.w3.org/WAI/WCAG21/quickref/#page-titled)（[了解2.4.2](https://www.w3.org/WAI/WCAG21/Understanding/page-titled)）
#### 使用标题传达含义和结构
使用短标题将相关段落分组，并清楚地描述各节。好的标题提供了内容的大纲。
更多信息
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）”。
更多信息
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)）
#### 为图像编写有意义的文本替代
对于每个图像，编写提供图像信息或功能的替代文本。对于纯装饰性图像，无需编写替代文本。
##### 更多信息
- **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)
#### 提供明确的指示
确保说明，指导和错误消息清晰，易于理解，并避免不必要的技术性语言。描述输入要求，例如日期格式。
##### 更多信息
- **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）。
- 考虑为读者可能不知道的术语提供词汇表。
- 适当使用列表格式。
- 考虑使用图像，插图，视频，音频和符号来帮助阐明含义。
##### 更多信息
- **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)
### 网站评价
#### 一
这个网站的页面标题内容丰富，有明确的信息将每一个页面区分开。
点开首页有一个总标题介绍这个网站
点进去网站页面中的内容版块，那么网站上的页面标题就会变为相应的版块内容的简介
点进需要多步骤操作才能显示的页面的时候，，页面标题仅仅只会显示当前页面的简介，但是具体的操作过程、步骤会在页面上方显示，有明确的指引。
#### 二
网站的各个页面都使用了多个短标题对不同的分类内容进行分组。
网站的首页上使用了小标题，例如“相声评书”、“有声书”、“音乐”等等，给不同的内容进行了分区，底部还有各种人气榜单的标题，底下例举了网站里最热门的的专辑，起了好的导航作用，让用户能迅速了解到网站的整体轮廓，找到自己感兴趣的内容模块浏览。不同类型的标题样式也不同，方便用户区分。
点进去一个分页面，也使用了标题给这个页面的内容进行分组，有“详情”和“专辑里的声音”这两个小标题，让用户能更清晰地了解专辑的内容，直观地找到专辑中最感兴趣的那几期。
这样的运用增加了该网站的可用性和可访问性。
#### 三
网站的链接是以有意义的文本形式呈现的，对用户做出了明确的指示，想看什么相关内容就可以点击相应的文本为此内容的链接查看。有的链接除了文本外还使用了形象的图标，提升了用户体验
#### 四
该网站是一个在线听书网站，网站内的内容都以音频的方式呈现，但是对于的音频内容没有提供字幕和具体的文字描述，只能靠听去了解，那么聋哑人以及有听力障碍的人就基本无法使用此网站。
#### 五
网站的搜索栏描述了明确的输入要求，提示你可以通过输入“专辑/声音/用户”这三种关键字来搜索想要的内容。登录栏也提示用户可以通过输入手机号或者邮箱注册，避免不必要的麻烦。
搜索时，如果用户记不清完整的搜索词，输入部分关键字底下会显示菜单栏为用户推荐含有相应关键字的搜索词，给用户提供相关帮助。
登录注册时，如果用户无意输入了错误的用户名密码，系统会识别到错误，并以文本形式显示错误，提醒用户改正。
#### 六
该网站的内容也比较简洁明了，首页有显示各个分类的推荐内容，大体结构类似于一个个长框的排列，每个长框里的内容由一个大标题和两排推荐的专辑封面图组成，侧边是该分类的榜单，排版采取了列表的形式。底部的榜单也采用了列表形式排列，标题也很醒目，能让用户一目了然，不必费力寻找。
进入一个具体的音频界面后，会有相应的声音详情介绍，文本内容有关键内容加粗和分行分段的显示，给予了用户良好的阅读体验，方便用户迅速提取到关键词，不必看一大段文本浪费时间和心情，后面往往也会配一张海报图方便用户了解其类型。
