# WIA **Repository Path**: NFUNM045/WIA ## Basic Information - **Project Name**: WIA - **Description**: WIA指导原则中文版 - **Primary Language**: HTML/CSS - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-03-03 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 原则1：提供信息丰富，独特的页面标题 对于每个web页面，都提供一个简短的标题来描述页面内容并将其与其他页面区分开来。该页面标题通常与页面的主标题相同。把独特和最相关的信息放在最前;例如，将页面的名称放在组织名称之前。对于属于多步骤流程的页面，应在页面标题中包含当前步骤。 > 示例:页面标题 >>**√首页** >>太空泰迪公司。 >>**√页面名称后面跟着组织名称** >>最新消息•太空泰迪公司。 >>**√页名包括流程中的步骤** >>购买你的小熊(3步骤1)•太空泰迪公司。 原文： ![1](https://images.gitee.com/uploads/images/2019/0303/225622_91b61c5d_1648188.png "屏幕截图.png") # 原则2：使用标题来传达意思和结构 使用短标题对相关段落进行分组，并清晰描述段落。好的标题会提供内容大纲。 >示例:使用标题组织内容 **×缺少标题** ＋内联视图示例 >**标题和副标题** >>HTML元素提供关于文档结构层次结构的信息。正确使用元素将有助于向辅助技术传达额外的含义。在许多情况下，这样做也会使您的文档更容易编辑。 >>对于超过三到四段的文档，标题和副标题对于可用性和可访问性非常重要。它们帮助读者确定文档的总体轮廓，并导航到感兴趣的特定信息。 >>标题分为1到6个级别。最高级别是“第1级”，通常对应于页面或主要文档部分的标题。子标题通过增加标题级别进行。数字越低，部分就越小，越详细。 >>视觉阅读器通过扫描页面寻找更大尺寸或不同样式的文本来识别标题。辅助技术用户无法看到这些视觉上的变化，因此改变样式还不够。 >>相反，标题必须在语义上“标记”，以便辅助技术能够识别标题。这可以作为导航工具呈现给用户。 >>这使得添加标题成为屏幕阅读器用户最重要的工具之一，以便他们能够了解页面上的内容。注意，标记通常会触发可视化的格式更改，可以在许多文档中进行调整。 改编自 Headings and Subheadings at Penn State **√使用标题和副标题** ＋内联视图示例 >**标题和副标题** >>HTML元素提供关于文档结构层次结构的信息。正确使用元素将有助于向辅助技术传达额外的含义。在许多情况下，这样做也会使您的文档更容易编辑。 >>**标题的目的** >>对于超过三到四段的文档，标题和副标题对于可用性和可访问性非常重要。它们帮助读者确定文档的总体轮廓，并导航到感兴趣的特定信息。 >>标题的水平 >>标题分为1到6个级别。最高级别是“第1级”，通常对应于页面或主要文档部分的标题。子标题通过增加标题级别进行。数字越低，部分就越小，越详细。 >>**意义与格式** >>视觉阅读器通过扫描页面寻找更大尺寸或不同样式的文本来识别标题。辅助技术用户无法看到这些视觉上的变化，因此改变样式还不够。 >>相反，标题必须在语义上“标记”，以便辅助技术能够识别标题。这可以作为导航工具呈现给用户。 >>这使得添加标题成为屏幕阅读器用户最重要的工具之一，以便他们能够了解页面上的内容。注意，标记通常会触发可视化的格式更改，可以在许多文档中进行调整。 改编自 Headings and Subheadings at Penn State 原文： ![2](https://images.gitee.com/uploads/images/2019/0303/225724_124619c2_1648188.png "屏幕截图.png") # 原则3：使得链接文本有意义 编写链接文本，以便描述链接目标的内容。避免使用含糊不清的链接文本，例如“点击此处”或“阅读更多”。指示有关链接目标的相关信息，例如文档类型和大小，例如“提案文档（RTF，20MB）”。 >示例：使用目标文本描述目标页面 >>×无信息 >>有关设备独立性的更多信息，[请点击此处]()。 >>√有意义的信息 >>详细[了解设备独立性]() 原文： ![3](https://images.gitee.com/uploads/images/2019/0303/225838_c72e2bf1_1648188.png "屏幕截图.png") # 原则4：为图像编写有意义的文本替代品 对于每个图像，编写提供图像信息或功能的替代文本。对于纯装饰图像，不需要编写替代文本。 >示例：使用代替文本来传达重要信息 >为手机充电：使用随时的电线和电源配适器将手机连接至电源插座。 >>×无信息 >>图片的替代文字：“充电电话” >>√信息化 >>图片的替代文字：“将电线插入手机的底座边缘。” >代替文字通常不可见；它包含在这个例子中，所以你可以看见它是什么。 原文： ![](https://images.gitee.com/uploads/images/2019/0303/225934_92976dcd_1648188.png "屏幕截图.png") ![4](https://images.gitee.com/uploads/images/2019/0303/230000_5ae1e76c_1648188.png "屏幕截图.png") # 原则5：为多媒体创造文本和字幕 对于纯音频内容，如播客，提供一份文本。音频和视觉内容,如培训视频,还提供字幕。包括文本和字幕口语信息,口语对于理解内容是很重要的,例如,门吱吱的响声。对于视频文本,还包括重要的视觉内容的描述,例如‘Athan离开了房间’。 ![5.1](https://images.gitee.com/uploads/images/2019/0303/230035_53636674_1648188.png "屏幕截图.png") 原文： ![5.2](https://images.gitee.com/uploads/images/2019/0303/230504_541d88c2_1648188.png "屏幕截图.png") # 原则6：提供明确的指示 确保指示、指导和错误消息是清晰的,容易理解,避免不必要的技术语言。描述输入要求,例如日期格式。 原文： ![6.1](https://images.gitee.com/uploads/images/2019/0303/230532_43d235fc_1648188.png "屏幕截图.png") >例如:用户应提供指令传达信息 >密码应至少6个字符与至少一个数字(0 - 9)。 >密码 原文： ![6.2](https://images.gitee.com/uploads/images/2019/0303/230609_f21eaa05_1648188.png "屏幕截图.png") >例子:错误显示问题是什么,可能,如何修复它 >用户名“superbear”已经在使用了。 >密码必须至少包含一个数字。 ![6.3](https://images.gitee.com/uploads/images/2019/0303/230704_a11c9eb4_1648188.png "屏幕截图.png") 原文： ![6.4](https://images.gitee.com/uploads/images/2019/0303/230722_25561507_1648188.png "屏幕截图.png") # 原则7：保持内容清晰简洁 使用简单的语言和格式,如适当的上下文。 * 简而言之,写清楚的句子和段落。 * 避免使用不必要的复杂的单词和短语。考虑提供术语对于术语阅读器可能不知道。 * 扩展缩略词在第一次使用。例如,Web内容可访问性指南(WCAG)。 * 考虑提供术语对于术语阅读器可能不知道。 * 使用列表格式。 * 考虑使用图片、插图、视频、音频,帮助澄清意义和符号。 原文： ![7.1](https://images.gitee.com/uploads/images/2019/0303/230745_77f0909c_1648188.png "屏幕截图.png") >例如:使内容可读的和可以理解的 >>**不必要的复杂** >>CPP:在发生车辆碰撞,公司指定的代表将寻求确定财产损害赔偿的范围和原因属于各方。一旦我们的代表获得信息,让我们了解因果关系,我们可能会或可能不会分配适当的货币补偿。 最终的决定会引起以下选项之一:索赔是不批准并分配一个拒绝状态,说法模棱两可的状态,将需要额外的信息进行进一步的处理之前,索赔部分批准和减少支付分配和发行,或声称完全批准和总索赔付款分配和发行。 >>**更容易理解** >>索赔处理程序(CPP):如果你有一个车祸,我们的代理将调查。研究结果将决定任何索赔付款。 这可能导致: >>* 批准索赔,全部付款 >>* 部分批准索赔——减少付款 >>* 未确定索赔——需要更多的信息 >>* 拒绝索赔,没有付款 原文： ![7.2](https://images.gitee.com/uploads/images/2019/0303/230838_aef8536e_1648188.png "屏幕截图.png") ![7.3](https://images.gitee.com/uploads/images/2019/0303/230851_69075997_1648188.png "屏幕截图.png") 原文： ![7.4](https://images.gitee.com/uploads/images/2019/0303/230903_04132a33_1648188.png "屏幕截图.png") **了解更多关于可访问性** 这些建议是一些您需要考虑网络的可访问性的事情。以下资源帮助你学习为什么易访问性是很重要的,和指导方针使网络更方便残疾人。 可访问性的介绍——介绍了可访问性和提供了许多有用的资源的链接 易访问性原则——介绍WCAG需求 残疾人如何使用网络——现实生活中的例子显示了可访问性对残疾人的重要性 如何满足WCAG(快速参考)——可定制的所有WCAG需求和技术参考 原文： ![more](https://images.gitee.com/uploads/images/2019/0303/230930_418d3f11_1648188.png "屏幕截图.png") [原文地址](https://www.w3.org/WAI/tips/writing/#create-transcripts-and-captions-for-multimedia)