让包括残障人士在内的所有人都能读懂和使用网页内容（无障碍）

## 写作前，找出可能妨碍读者的地方 起草之前，识别可能妨碍某人接收信息或完成任务的条件。考虑以下方面的差异： - 语言熟练程度和阅读能力； - 对主题或技术的熟悉程度； - 视觉、听觉、认知和动作控制能力； - 设备尺寸、连接质量和媒体缺失情况；以及 - 可用时间、注意力和压力。 不要将某个想象中的用户视为默认用户。在内容设计和开发的整个过程中纳入无障碍检查；当团队无法解决重大障碍时，应请具备资质的专家参与。 ## 用浅显的词语写作，并解释陌生术语 直接说明要点。在保留必要含义的同时，使用熟悉的词语、简短的句子和主题集中的段落。 不熟悉的科学、法律或技术术语首次出现时，应加以定义。产品、服务或流程名称应先写出全称，再引入缩写。如果需要大量定义，应提供术语表作为额外查阅途径，而不能迫使读者反复离开主要说明。 当习语和依赖特定文化背景的表达可能排斥部分受众或造成困惑时，应避免使用。将可读性工具作为诊断信号，再通过人工审查和代表性读者确认结果。 ## 把必要的说明放在被说明内容的旁边 将必要的说明放在其所解释的陈述、控件或视觉元素旁边。当补充细节会打断主要流程时，可使用邻近的定义、标签清晰的链接或工具提示。 应根据阅读情境选择方法。在大屏幕上有效的引用方式，在窄屏幕或使用辅助技术时可能变得难以查找或理解。不能依赖会使读者与理解当前步骤所必需的信息分离的引用机制。 ## 用清楚的标题分段，让页面便于快速浏览 使用准确的页面标题和各级标题，使读者无需通读全文即可了解目的和要点。将较长的内容拆分为简短、连贯的部分。 通过清晰的思路递进使相关段落保持衔接。只有在有助于理解时才改变句子长度；如果句子的长度或结构掩盖了行动、条件或结论，应将其拆分。 在窄屏和宽屏条件下都检查页面。快速浏览能力必须经得起响应式布局变化，不能依赖桌面端的间距。 ## 为图片和图表编写替代文本 对于每张图片、图表、图标或其他视觉元素，判断其属于信息性、重复性还是装饰性内容。 - 对于信息性视觉元素，提供能传达当前情境所需信息的替代文本。 - 当旁边已经有等效文本时，使用空的替代文本：`alt=""`。 - 对于应被辅助技术忽略的装饰性视觉元素，使用空的替代文本。 - 替代文本开头不要使用“……的图像”等标签；辅助技术已经能够识别元素类型。 当读者需要可见的背景说明时，添加图注并保持图注样式一致。使视觉元素靠近其说明。不要只在图像中放置必要的技术语言或数据；应提供无障碍的文本或数据等效内容。 ## 写出能说明去向的链接文字 链接文本应足够具体，使其脱离周围段落单独阅读时仍然有意义。明确目标位置或操作，不要使用含糊的指令。 当链接会打开不同格式、开始下载或进入不同类型的体验时，应告知读者。链接文本的语气应与其余内容保持一致。 在适当情况下，为大型信息空间提供不止一种实用的浏览路径，例如描述性页面标题、目录、交叉链接、搜索或站点地图。每条路径都应使用能够准确预示后续内容的标签。 ## 让辅助技术能读懂标题、表单和页面语言 使用语义化标题、标签、关系和说明，使辅助技术能够呈现与视觉界面相同的组织结构。表单必须通过程序公开其标签、要求、错误和说明。 使用适当的语言属性声明文档的主要语言，例如`lang="en"`，并标记发生语言切换的段落。这样，发音和翻译工具才能正确解读文本。 不要将视觉位置、颜色或样式作为传达结构或必需操作的唯一方式。 ## 为视频和音频添加字幕和文字稿 使字幕与口语内容和有意义的声音同步。字幕可以简洁，不必逐字对应，但必须保留信息。 提供文字记录，其中包括口语、必要的屏幕文字和重要视觉信息的描述。将其链接放在相关媒体附近。 当必要信息以视觉方式呈现且无法通过音频获得时，应提供音频描述。使用能够向键盘和辅助技术用户公开字幕与播放控件的播放器。 ## 完成后用键盘和真实读者测试并修改 通过多种路径审查完成的内容： 1. 只快速浏览页面标题、各级标题和链接，检查结构和目标位置是否清晰。 2. 使用键盘和辅助技术进行导航，确认控件、标签、状态和表单说明会以有意义的方式播报。 3. 使用窄屏幕和放大的文字，查找裁切、拥挤或阅读顺序错误。 4. 禁用或省略图片、音频或视频，确认必要信息仍然可用。 5. 请代表性读者查找信息并完成预定任务。 记录障碍，修正造成障碍的内容或结构，并重复受影响的检查。仅凭工具评分不能证明体验具备无障碍性。