无障碍设计服务所有人。本文介绍视障用户的优化方法。

一、屏幕阅读器

NVDA:免费Windows。JAWS:专业级。VoiceOver:Mac/iOS。TalkBack:Android。

二、语义HTML

标题层级:h1-h6正确。列表:ul/ol适当使用。表格:表头标记。表单:label关联。

三、ARIA标签

landmark:导航区域。role:元素角色。aria-label:描述。aria-live:动态更新。

四、键盘导航

焦点顺序:逻辑顺序。焦点可见:清晰指示。跳过链接:跳过导航。快捷键:效率提升。

五、图像替代

信息图:详细描述。装饰图:空alt。复杂图:长描述。图表:数据表格。

六、测试验证

屏幕阅读器测试:实际体验。键盘测试:无鼠标使用。自动化工具:WAVE、axe。用户测试:真实反馈。