作品集手册 · 专题

无障碍入门：标题、键盘与图片说明

用读者的操作方式检查页面，不把一次清单勾选等同于合规认证。

先让结构可以被理解

W3C WAI 页面结构教程强调页面分区和有意义的标题层级。作品集可用一个主要标题概括页面主题，再用分节标题说明背景、过程与结果。不能只因为某级标题字号好看就跳过内容关系。

把正文放在 main 区域，导航使用 nav，添加跳到正文的入口。页面结构应与可见内容相符，屏幕阅读器用户才能较容易地按区域或标题浏览。

从页面起点按 Tab 前进，观察焦点是否可见、顺序是否合理；用 Enter 打开项目链接，再返回。遇到自定义交互时，确认没有必须拖动鼠标才能完成的操作。本站侧栏分隔条也支持方向键、Home 和 End。

记录无法到达、焦点不见或被覆盖的位置，并修复具体元素。这里是初步检查方法，不代表完成了全面无障碍评估；正式评估需明确标准、范围与测试方法。

W3C 图片教程区分信息图、装饰图和功能图片。展示布局决策的截图，需要简短说明它传达的信息；纯装饰背景用空替代文本；作为唯一按钮内容的图片应说明操作用途。

不要把关键词列表塞进 alt。对复杂流程图，在正文提供完整步骤；替代文本不必承载整篇分析。图片旁的文字、图注和 alt 应共同帮助读者理解证据，避免重复朗读同一句。

不算。还需要检查结构、键盘、对比、表单及其他实际功能。

它不传达正文信息，空替代文本可避免给辅助技术用户增加无用内容。

以上链接支持本文相关基础说明；策划步骤与例子由本站整理。