# 自制WAI指导原则（中文版） **Repository Path**: nfuum074/WAI ## Basic Information - **Project Name**: 自制WAI指导原则（中文版） - **Description**: 尝试翻译WAI的指导原则，以增强网站的可访问性，提高用户体验度。 - **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 # [自制WAI指导原则中文版](https://www.w3.org/WAI/tips/writing/) ## 译 Tips for Getting Started Writing for Web Accessibility原则 ### Summary ![WAI原则总结](https://images.gitee.com/uploads/images/2019/0304/224427_a549ea87_1532268.png "微信图片_20190304223448（摘要）.png") ![WAI原则总结](https://images.gitee.com/uploads/images/2019/0304/224500_48a4f454_1532268.png "微信图片_20190304223100.png") ### key word：丰富且有意义的内容 标题化表达 适当的以图说话 页面简洁明了。 ### 提供丰富的信息，独一无二的页面标题 对于每个网页，提供描述页面内容的简短标题，并将其与其他页面区分开来。页面标题通常与页面的主标题相同。首先提供独特和最相关的信息，例如，将页面名称放在组织名称之前。对于属于多步骤过程的页面，请在页面标题中包含当前步骤。 ![提供信息丰富，独特的页面标题](https://images.gitee.com/uploads/images/2019/0304/224550_cd7e0770_1532268.png "微信图片_20190304223223（原则1）.png") ### 使用小标题表达含义和结构 使用简短标题对相关段落进行分组，并清楚地描述各个部分。好的标题提供了内容的概述。 ![使用小标题表达意思和结构](https://images.gitee.com/uploads/images/2019/0304/224617_6f0dbd70_1532268.png "微信图片_20190304223247（原则2）.png") ### 使得所链接的文本具有意义 为了描述链接核心的内容，应编写链接文本。避免使用含糊不清的链接文本，例如‘点击这里’或‘阅读更多’。应说明更详细的信息去描述链接目标，例如编写文件类别和文件大小，如‘提案文档（RTF，20MB）’。 ![使链接文本具有意义](https://images.gitee.com/uploads/images/2019/0304/224713_5d382170_1532268.png "微信图片_20190304223308（原则3）.png") ### 为图像编写有意义的文本替代品 为每个图像编写提供信息或功能的可替代的文本。若是有简洁装饰的图像则不需要配上可替换文本。 ![为图像编写有意义的替代文本](https://images.gitee.com/uploads/images/2019/0304/224742_37035807_1532268.png "微信图片_20190304223331（原则4）.png") ### 为多媒体创建转录和标题 若用于仅带有声频的内容，如录音，则需要提供转录。若用于声频及可视内容，如训练视频，也同样需要提供小标题。在转录和标题中包含对理解内容很重要的口头信息和声音，例如“门吱吱”。对于视频脚本，还包括重要视觉内容的描述，例如“Athan离开房间”。 ![为多媒体创建转录和标题](https://images.gitee.com/uploads/images/2019/0304/224807_c0662a74_1532268.png "微信图片_20190304223343（原则5）.png") ### 提供清晰的说明 确保说明，指导和错误文本信息清晰，易于理解，以及避免不必要的专业语言。描述输入文本，例如日期格式。 * 例子：交流说明用户应该提供什么信息。密码至少应该六个字符，并且有一个数字（0~9) * 例子：错误的提示问题是什么，可能怎样解决它 1. 用户名”superbear”已被使用 2. 密码至少需要包含一个数字 ![提供清晰的说明](https://images.gitee.com/uploads/images/2019/0304/224837_bb920612_1532268.png "微信图片_20190304223400（原则6）.png") ### 保持页面内容清晰简明 根据文章的需要，使用简单的语言和格式 * 写一些简短，清晰的句子和段落 * 避免使用不必要的复杂单词和短语，考虑为读者提供可能不知道的术语词汇表 * 首次使用扩展缩略词。例如，Web内容可访问性准则(WCAG) * 考虑为读者可能不知道的术语提供词汇表、 * 根据需要使用格式列表 * 考虑使用图片，插图，视频，音频和符号帮助澄清意思 例子：使内容具有可读性和可理解性 * 不必要的复杂 CPP:在车辆发生碰撞的事件中，一个公司指定代表将会寻找所有相关方的受害程度和财产损失的原因。一旦我们的代表获得信息将会允许 我们理解这个原 因，我们可能或不可能做出适当的货币赔偿。这个结果决定可能会出现以下中的一种情况：索赔未获批准并被指定为拒绝状态，索赔状态不明确，并且在进一步处理之前需要额外的信息，索赔部分批准并减少付款是已分配和签发，或索赔已完全批准，并且已分配和发放索赔总额。 * 易于理解的 索赔处理程序（CPP）：如果你发生车祸，我们的代理人将调查。调查结果将确定任何索赔付款。这可能导致： 批准的索赔 - 全额付款 部分批准的索赔 - 减少付款 不确定的声明 - 需要更多信息 被拒绝的索赔 - 没有付款 ![使内容清晰简洁](https://images.gitee.com/uploads/images/2019/0304/224910_e0f5a8a5_1532268.png "微信图片_20190304223508（对比图）.png")