Web辅助功能入门编写技巧 Tips for Getting Started Writing for Web Accessibility
1、提供信息丰富，独特的页面标题 Provide informative, unique page titles
对于每个网页，提供描述页面内容的简短标题，并将其与其他页面区分开来。页面标题通常与页面的主标题相同。首先提供独特和最相关的信息;
例如，将页面名称放在组织名称之前。对于属于多步骤过程的页面，请在页面标题中包含当前步骤。
原则1 提供信息丰富，独特的页面标题.jpg
示例：页面标题
主页标题——Space Teddy Inc.
页面名称后跟组织名称——Latest News • Space Teddy Inc.
页面名称包括进程中的步骤——Buy Your Bear (Step 1 of 3) • Space Teddy Inc.
2、使用标题来表达意义和结构 Use headings to convey meaning and structure
使用简短标题对相关段落进行分组，并清楚地描述各个部分。好的标题提供了内容的概述。
原则2 使用标题来表达意义和结构.jpg
示例：使用标题来组织内容 左边是缺乏标题 右边是使用标题和副标题
原则2（2）.jpg
3、使链接文本有意义 Make link text meaningful
编写链接文本，以便描述链接目标的内容。避免使用含糊不清的链接文本，例如“点击此处”或“阅读更多”。指示有关链接目标的相关信息，例如文档类型和大小，例如“提案文档（RTF，20MB）”。
原则3 使链接文本有意义.jpg
示例：使用链接文本描述目标页面 左边是无信息 右边是有意义的信息
4、为图像编写有意义的文本替代品 Write meaningful text alternatives for images
对于每个图像，编写提供图像信息或功能的替代文本。对于纯装饰图像，不需要编写替代文本。
原则4 为图像编写有意义的文本替代品 .jpg
左边：无信息 为手机充电：使用随附的电缆和电源适配器将手机连接至电源插座。 图片的替代文字：“充电电话”
右边：信息化 为手机充电：使用随附的电缆和电源适配器将手机连接至电源插座。 图像的替代文字：“将电缆插入手机的底部边缘。”
`替代文字通常不可见; 它包含在这个例子中，所以你可以看到它是什么。`
5、为多媒体创建成绩单和标题 Create transcripts and captions for multimedia
对于纯音频内容，这样的播客提供成绩单。对于音频和视频内容，例如培训视频，还提供字幕。在成绩单和标题中包含对理解内容很重要的口头信息和声音，例如“门吱吱”。对于视频脚本，还包括重要视觉内容的描述，例如“Athan离开房间”。
原则5 为多媒体创建成绩单和标题.jpg
6、提供明确的说明 Provide clear instructions
确保说明，指导和错误消息清晰，易于理解，并避免使用不必要的技术语言。描述输入要求，例如日期格式。
原则6 提供明确的说明 .jpg
示例：说明传达用户应提供的信息 密码至少应为六个字符，且至少有一个数字（0-9）。
示例：错误表示问题是什么，可能还有如何解决问题 用户名'superbear'已在使用中。 密码至少需要包含一个号码。
7、保持内容清晰简洁 Keep content clear and concise
根据上下文使用简单的语言和格式。
- 写一些简短明了的句子和段落。
- 避免使用不必要的复杂单词和短语。考虑为读者可能不知道的术语提供词汇表。
- 首次使用时扩展首字母缩略词。例如，Web内容可访问性指南（WCAG）。
- 考虑为读者可能不知道的术语提供词汇表。
- 根据需要使用列表格式。
- 考虑使用图像，插图，视频，音频和符号来帮助澄清意义。
原则7 保持内容清晰简洁.jpg
原则7（2）.jpg
示例：使内容可读且易于理解 左图是不必要的复杂 右图是更容易理解
网友评论