# 翻译 **Repository Path**: cailiangz/translate ## 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-03-01 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Web辅助功能入门编写技巧 ## 提供信息丰富的,独特的页面标题。 对于每个网页,提供一个描述页面内容的短标题,并且能和其它页面区分开。 页面标题经常和页面的主标题一样。把独特的和最相关的信息放在第一;例如,把网页的名字放在组织的名字之前。对于属于多步骤过程的页面,要在页面标题中包含当前步骤。 ### 例子:页面标题 #### 主页标题 太空泰迪公司 #### 页面名字后跟组织名字 最新消息·太空泰迪公司 #### 页面名字包含过程中的步骤 购买你的熊(第1步,共3步)·太空泰迪公司 **更多信息** - 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)) ## 使用标题去表达意义和结构 使用短标题去给相关的段落分组,并且清晰地描述各个部分。好的标题提供了内容的大纲。 ### 例子:使用标题去组织内容 #### 缺少标题![输入图片说明](https://images.gitee.com/uploads/images/2019/0301/154836_719fba23_2661990.png "lack.png") #### 使用标题和副标题![输入图片说明](https://images.gitee.com/uploads/images/2019/0301/154925_538ba1bf_2661990.png "using.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://note.youdao.com/)。 | 详细[了解设备独立性](https://note.youdao.com/)。 **更多信息** - 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/0304/222712_d6e00365_2661990.png "3.png")为手机充电:使用随附的电缆和电源适配器将手机连接至电源插座。 图片的替代文字:“充电电话” **有意义的信息** ![输入图片说明](https://images.gitee.com/uploads/images/2019/0304/222726_06a7e861_2661990.png "3.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) ## 提供明确的说明 #### 确保说明,指导和错误消息清晰,易于理解,并避免使用不必要的技术语言。详细描述输入要求,例如日期格式。 --- ### 示例:说明清楚用户应提供的信息 #### 密码至少应为六个字符,且至少有一个数字(0-9)。 --- ### 示例:表示错误的问题是什么,可能能够如何解决问题 1. 用户名'superbear'已在使用中。 2. 密码至少需要包含一个号码。 --- ###### 更多信息 - 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)。 - 考虑为读者可能不知道的术语提供词汇表。 - 根据需要使用列表格式。 - 考虑使用图像,插图,视频,音频和符号来帮助澄清意义。 --- ### 示例:使内容可读且易于理解 - 不必要的复杂 CPP:如果发生车辆碰撞,指定代表的公司将寻求确定属于所有相关方财产的损害程度和原因。一旦我们的代表获得允许我们理解因果关系的信息,我们可能会或可能不会分配适当的货币补偿。由此产生的决定可能会出现以下选项之一:索赔未获批准并被指定为拒绝状态,索赔状态不明确,并且在进一步处理之前需要其他信息,索赔部分批准并减少付款是已分配和签发,或索赔已完全批准,并且已分配和发放索赔总额。 - 更容易理解 索赔处理程序(CPP):如果您发生车祸,我们的代理人将进行调查。调查结果将确定任何索赔付款。这可能导致: - 批准的索赔 - 全额付款 - 部分批准的索赔 - 减少付款 - 未确定的声明 - 需要更多信息 - 被拒绝的索赔 - 没有付款 --- ###### 更多信息 (1) 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) (2) 用户故事 - [阅读障碍的用户可以从易于阅读的文本中受益](https://www.w3.org/WAI/people-use-web/user-stories/#classroomstudent)