# 自制WAI指导原则中文版 **Repository Path**: jiayingb/WAI.chinese ## Basic Information - **Project Name**: 自制WAI指导原则中文版 - **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-04 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Web辅助功能入门编写技巧 ## 一:provide information,unique page titles **提供内容丰富独特的网页标题**
对于每个网页来说,提供一个可以描述网页内容的简洁标题将有助于将其从其他网页中区分开来。网页的标题也往往是这个网页的主标题。首先,提供最特别和最具相关性的信息。例如,将网页的标题放在组织名称之前。对于那些有着多个步骤的网页来说,应当在标题中包含这些步骤。
示例:页面标题
主页标题 Space Teddy Inc.
页面名称后跟组织名称 Latest News. Space Teddy Inc.
页面名称包括进程中的步骤 Buy Your Bear (Step 1 of 3) • Space Teddy Inc. ![page 1](https://images.gitee.com/uploads/images/2019/0304/203129_9b75d553_1532305.jpeg "规则1.jpg") ## 二:Use headings to convey meaning and structure **使用标题来表达意义和结构**
使用简短的标题能够组合相关的段落,并且清晰地描述网页的部分。好的标题能够提供网页内容梗概。
示例:使用标题来组织内容
缺乏标题(左图) 使用主标题和副标题(右图) ![page 2](https://images.gitee.com/uploads/images/2019/0304/203445_98306036_1532305.jpeg "规则2.jpg") ## 三:Make link text meaningful **使链接文本有意义**
编写链接文本有助于解释目标链接的内容,避免模糊不清的链接文本,例如“点击此处”或“阅读更多”。指示有关链接目标的相关信息,例如文档类型和大小,例如“提案文档(RTF,20MB)”。
示例:使用链接文本描述目标页面
无信息:有关设备独立性的更多信息,请单击此处。
有意义的信息:详细了解设备独立性。 ![规则3](https://images.gitee.com/uploads/images/2019/0304/203642_b6c484be_1532305.jpeg "规则3.jpg") ## 四:Write meaningful text alternative for images **为图片编写有意义的文本**
对每张图片,提供信息或功能的替代方案。没有必要为单纯装饰的图片编写替代文本。
举例:用替代文本链接重要的信息
不提供信息:正在充电的iPhone:将手机连接到提供的电源和充电器。 图像替代文本:“正在充电”
有信息的:正在充电的iPhone:将手机连接到提供的电源和充电器。 图像替代文本:“将插头插入手机底部充电口。” 替换文本通常是不可见的,它包含在这个例子里,这样你就可以看到这是什么。 ![规则4](https://images.gitee.com/uploads/images/2019/0304/203838_b3b6dd44_1532305.jpeg "规则4.jpg") ## 五:Create transcripts and captions for multimedia **为多媒体创造文字记录和字幕**
对于单纯的音频内容,博客会提供一份文本。对于音频和视频内容,如培训视频,也会提供说明。在笔录和字幕中包含对理解内容很重要的语音信息和声音,例如:“门咯叽声”。对于视频记录,同样也包括对重要视觉内容的描述,例如“Athan离开房间”。 ![规则5](https://images.gitee.com/uploads/images/2019/0304/203950_9ede2c59_1532305.jpeg "规则5.jpg") ## 六:Provide clear instructions **提供明确的指示**
明确指令。指导和错误消息清晰、易于理解,并避免不必要的技术语言。描述输入需求,例如日期格式。 ![规则6](https://images.gitee.com/uploads/images/2019/0304/204113_30a361a2_1532305.jpeg "规则6.jpg") ## 七:Keep content clear and concise **保持内容清晰明了**
·根据上下文使用简单的语言和格式
·写简短、清晰的句子和段落。
·避免使用不必要的复杂单词和短语。考虑为读者可能不知道的术语提供术语语表。
·在第一次使用时扩展缩略词。例如:web内容可访问性指南(WCAG)。
·适当使用列表格式。
·考虑使用图像、插画、视频、音频和符号来帮助澄清含义
举例:
左图:不必要的复杂 在车辆发生碰撞的情况下,公司指派的代表将设法查明所有有关各方财产损失的程度和原因。一旦我们的代表获得了使我们能够理解的因果关系的信息,我们可能会也可能不会给予适当的金钱补偿。最终的决定会引起以下选项之一:索赔是不批准并分配一个拒绝状态,,说法模棱两可的状态。将需要额外的信息进行进一步的处理之前,索赔部分批准和减少支付分配和发行,或声称完全批准和总索赔付款分配和发行。
右图:容易理解 理赔处理程序(CPP):如果你发生车祸,我们的代理会进行调查。调查结果将进行决定任何索赔付款。这可能导致: ·批准的索赔 ·部分批准索赔,减少付款 ·未决定的索赔,需要更多信息 ·拒绝索赔,不付款 ![规则7](https://images.gitee.com/uploads/images/2019/0304/204828_d2c5b317_1532305.jpeg "规则7.jpg")