# 网站运营与管理 **Repository Path**: NFUNM034/wordpress ## 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**: 2019-02-27 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 网站运营与管理 ![WAI指导原则](https://images.gitee.com/uploads/images/2019/0304/132509_684f0ebc_1922224.png "Tips for Getting Started Writing for Web Accessibility.png") 以上是英文版的[Tips for Getting Started Writing for Web Accessibility](https://www.w3.org/WAI/tips/writing/#top)， 为方便查看WAI指导原则，以下是中文版的Tips for Getting Started Writing for Web Accessibility。 ## Web可访问性入门编写提示 ### 内容 - 提供信息丰富、独特的页面标题 - 使用标题来表达意义和结构 - 使链接文本有意义 - 为图像编写有意义的文本替代品 - 为多媒体创建成绩单和标题 - 提供明确的说明 - 保持内容清晰简洁 #### 提供信息丰富、独特的页面标题 为每个Web页面提供一个描述性标题，并将其与其他页面区分开来。页面标题通常与页面的主标题相同。首先提供独特和最相关的信息; 例如，将页面名称放在组织名称之前。对于属于多步骤过程的页面，请在页面标题中包含当前步骤。 ![提供信息丰富、独特的页面标题](https://images.gitee.com/uploads/images/2019/0304/194134_584eed7a_1922224.png "提供信息丰富、独特的页面标题.png") 描述性标题可帮助用户查找内容，在其中定位内容并浏览内容。描述性标题允许用户轻松识别他们正在使用的网页，并告知网页何时发生变化。标题可用于标识网页，而无需用户阅读或解释页面内容。当准确的描述性标题出现在站点地图或搜索结果列表中时，用户可以更快地识别他们所需的内容。在链接文本中使用描述性标题时，它们可以帮助用户更精确地导航到他们感兴趣的内容。 每个网页的标题应该是： - 确定网页的主题 - 在脱离上下文时阅读是有意义的，例如通过屏幕阅读器或站点地图或搜索结果列表 - 简短 标题也可能对此有所帮助 - 标识网页所属的站点或其他资源 - 在网站或网页所属的其他资源中是唯一的 ##### 例子 示例1：具有描述性标题的同步媒体演示 > 有关2004年南亚海啸的同步媒体报道名为“2004年的海啸”。 示例2：具有三部分描述性标题的网页 > 网页提供了创建隐藏式字幕的指南和建议。网页是较大网站中“子网站”的一部分。标题由破折号分为三部分。标题的第一部分标识组织。第二部分标识网页的子网站第三部分标识了网页本身。 示例3：报纸网页 > 一个网站，只允许查看当前版本的网页“国家新闻，头版”。一个允许不同日期版本被浏览的网站标题为其网页，“国家新闻，头版，2005年10月17日”。 #### 使用标题来表达意义和结构 使用简短标题对相关段落进行分组，并清楚地描述各个部分。好的标题提供了内容的概述。 ![使用标题来表达意义和结构](https://images.gitee.com/uploads/images/2019/0304/204438_5a616332_1922224.png "使用标题来表达意义和结构.png") 此成功标准的目的是帮助用户了解网页中包含哪些信息以及如何组织这些信息。当标题清晰且具有描述性时，用户可以更轻松地找到他们所寻求的信息，并且他们可以更轻松地理解内容的不同部分之间的关​​系。描述性标签可帮助用户识别内容中的特定组件。 就像图中的两个示例，右侧的文章结构更清晰。 ##### 优点 - 描述性标题对于阅读缓慢的残疾用户和短期记忆力有限的用户尤其有用。当章节标题可以预测每个部分包含的内容时，这些人会受益。 - 带有标签的表单输入控件可以清楚地描述预期输入的内容，这有助于用户了解如何成功完成表单。 - 当标题和标签也按照信息和关系进行正确标记和识别时，此成功标准可帮助使用屏幕阅读器的人确保标签和标题在脱离上下文时有意义，例如，自动生成标题/目录列表，或者从页面中的标题跳转到标题。 - 失明的人会知道他们何时从网页的一个部分移动到另一个部分，并且知道每个部分的目的。 - 有一些学习障碍的人将能够使用标题更容易地理解页面内容的整体组织。 - 通过键盘导航内容的人将能够将焦点从标题跳转到标题，使他们能够快速找到感兴趣的内容。 - 在页面的一部分内容更新的页面中，标题可用于快速访问更新的内容。 - 此成功标准允许用户代理根据个人用户的需求调整内容，从而帮助不同残疾人士。 - 盲人（使用屏幕阅读器）的用户在通过颜色传达的信息也可以在文本中获得时受益（包括使用颜色传达信息的图像的文本替代）。 - 使用盲文（文本）可刷新显示器进行聋盲的用户可能无法访问与颜色相关的信息。 ##### 例子 - 一个新闻网站。 新闻网站的主页列出了小时热门新闻的头条新闻。每个标题下都是故事的前35个单词和完整文章的链接。每个标题都清楚地表明了文章的主题。 - 如何写得好的指南 写作指南包含以下部分标题：如何写得好，剪掉无用的单词，识别不必要的单词等。章节标题清晰简洁，信息结构反映在标题的结构中。 - 不同文章中的一致标题 一个网站包含会议论文。提交大会的要求必须包括以下组织：摘要，简介，[本文特有的其他章节]，结论，作者简历，词汇表和参考书目。每个网页的标题清楚地标识其包含的文章，在文章的唯一性和章节标题的一致性之间创造有用的平衡。 - 询问用户名称的表单 表单询问用户的名称。它由两个输入字段组成，用于询问名字和姓氏。第一个字段标记为“名字”，第二个字段标记为“姓氏”。 - 菜单包含不同课程的不同部分。每个部分都有一个标题：开胃菜，沙拉，汤，主菜，甜点。 - Web应用程序包含一个设置页面，该页面分为相关设置组。每个部分都包含一个描述设置类别的标题。 #### 使链接文本有意义 编写链接文本，以便描述链接目标的内容。避免使用含糊不清的链接文本，例如“点击此处”或“阅读更多”。指示有关链接目标的相关信息，例如文档类型和大小，例如“提案文档（RTF，20MB）”。 ![使链接文本有意义](https://images.gitee.com/uploads/images/2019/0304/205154_af535736_1922224.png "使链接文本有意义.png") 链接目的（在上下文中） - 每个链接的目的可以单独从链接文本或链接文本连同其程序确定的链接上下文来确定，除非链接的目的通常对用户不明确。 链接目的（仅限链接） - 有一种机制可以允许仅从链接文本中识别每个链接的目的，除非链接的目的通常对用户不明确。 ##### 优点 - 此成功标准通过让他们跳过他们不感兴趣的链接来帮助运动障碍的人，避免访问所引用内容然后返回当前内容所需的击键。 - 具有认知局限性的人不会因为多种导航方式而无法使用他们不感兴趣的内容。 - 视障者将能够通过探索链接的上下文来确定链接的目的。 ##### 例子 - 链接包含提供该URL信息描述的文本 一个页面包含句子“在中世纪时期有很多流血事件。” 其中“中世纪历史时期”是一个环节。 - 链接前面是该URL信息的文本描述 一页中包含句子“了解更多关于爱尔兰政府电子投票委员会的信息！” “去投票！” 是一个链接。 - 图标和文本都包含在同一链接中 投票机的图标和“爱尔兰政府电子投票委员会”的文本相结合，形成一个单一的链接。图标的alt文本为null，因为链接的目的已经由图标旁边的链接文本描述。 - 书名列表 书籍列表有三种格式：HTML，PDF和mp3（阅读书籍的人的录音）。为避免听到每本书的标题三次（每种格式一次），每本书的第一个链接是书的标题，第二个链接说“PDF”，第三个链接说“mp3”。 - 新闻文章摘要 网页包含一系列新闻文章。主页面列出了每篇文章的前几句话，后面是“阅读更多”链接。用于读取当前段落的屏幕阅读器命令提供了解释链接目的的上下文。 #### 为图像编写有意义的文本替代品 为图像编写有意义的文本替换。（纯装饰性图像不需文本替换） ![为图像编写有意义的文本替换](https://images.gitee.com/uploads/images/2019/0304/222234_3e0948d7_1922224.jpeg "为图像编写有意义的文本替换.jpg") 文中举出同一张图像的无传递信息和传递有信息的两种替换文本。 举例中的第二种文本信息使图像和文本有了互相辅助的作用，使浏览此网站的人能够接收到这个图像的意义：如何为手机充电的图像指示。如果替换文本没有传递出有效的信息，（如第一种文本信息）将会让使用者感到这个网站很莫名其妙。 在User story的跳转链接中讲述了一个盲人使用者在使用网站时，文本的内容是可以通过语音播放来获取的，如果图像没有文本替换，她将无法获取信息而放弃这个网页。**因此当一个网站有图像时，有有效的文本辅助输出会使这个网站拥有更高的可访问性。 这一原则更多是体现在一些说明书、或操作性较强的指导步骤页面，让使用者将图案和文本联系起来更好地理解信息。** #### 为多媒体创建成绩单和标题 对于纯音频内容，这样的播客提供成绩单。对于音频和视频内容，例如培训视频，还提供字幕。在成绩单和标题中包含对理解内容很重要的口头信息和声音，例如“门吱吱”。对于视频脚本，还包括重要视觉内容的描述，例如“Athan离开房间”。 ![为多媒体创建文字记录和字幕](https://images.gitee.com/uploads/images/2019/0304/223100_19e8d97d_1922224.jpeg "为多媒体创建文字记录和字幕.jpg") 在User Story中讲述了一位听力不好的在线学生在使用网站视频学习时由于没有标题等文本描述使他无法进行学习。因此如果想要创建一个具有可访问性的网站一定要考虑不同人群的需求。方便了一些不方便人群的话，就可以使人们觉得这个网站使用感很好。 这一原则更多是在使用者的感官有缺陷时为他们提供信息的另一种途径，也可以更好地使使用者直观地接受到文本信息。 #### 提供明确的说明 确保说明，指导和错误消息清晰，易于理解，并避免使用不必要的技术语言。描述输入要求，例如日期格式。 ![提供明确的说明](https://images.gitee.com/uploads/images/2019/0304/223151_43256836_1922224.jpeg "提供明确的说明.jpg") 此成功标准的目的不是为了使页面混乱不必要的信息，而是提供有益于残障人士的重要线索和指示。 在user story中讲述了Louis患有唐氏综合征，在选择商品中经常会遇到困难，在朋友的帮助下应用一款应用程序，帮助他很好的解决这个问题，因此应用程序具有一致且易于使用的导航，具有清晰直接的指示。 这一原则是让内容作者提供标识表单中控件的说明或标签，以便用户知道预期的输入数据。目标是确保为用户提供足够的信息以完成任务而不会过度混淆或导航。 #### 保持内容清晰简洁 根据上下文使用简单的语言和格式。 - 写一些简短明了的句子和段落。 - 避免使用不必要的复杂单词和短语。考虑为读者可能不知道的术语提供词汇表。 - 首次使用时扩展首字母缩略词。例如，Web内容可访问性指南（WCAG）。 - 考虑为读者可能不知道的术语提供词汇表。 - 根据需要使用列表格式。 - 考虑使用图像，插图，视频，音频和符号来帮助澄清意义。 ![保持内容清晰简洁](https://images.gitee.com/uploads/images/2019/0304/223249_76ca8592_1922224.jpeg "保持内容清晰简洁.jpg") ![使内容可读且利于理解](https://images.gitee.com/uploads/images/2019/0304/223410_197f3a68_1922224.jpeg "使内容可读且利于理解.jpg") 示例中举出，对于同样的事情（车祸的索赔过程）来说，纯文字说明与简洁的列表和加入图像来说明，后者更可以直观简洁明了的帮助人们理解这件事。