无障碍性、屏幕阅读器及语音命令交互等主题虽复杂，但对90%的网站而言，只需简单调整即可确保基本无障碍，无需深谙专业原则。
本文基于2014年旧金山WordCamp演讲内容扩展，重点介绍五个显著提升网站无障碍性的要点。
按钮是标准HTML
按钮用于触发保存、提交、打开面板或发送消息等操作。执行此类任务时，务必使用标准HTML按钮（如input type="submit"、input type="button"或button元素），其他元素均非按钮。
原生按钮支持键盘操作，浏览器和操作系统已内置处理逻辑。虽然JavaScript可使任意元素响应鼠标点击，但无法赋予其键盘可访问性。若用span或div模拟按钮，许多用户将无法找到或激活它。
链接始终是链接
链接的核心功能是导航至新页面或位置，且原生支持键盘操作。切勿用链接替代按钮执行表单提交等操作。尽管链接比无语义的div或span稍好，但仍会引发问题。
视力正常用户可能难以区分视觉上的“按钮”与真实按钮，但屏幕阅读器用户能明确识别。若将链接伪装成按钮，用户预期跳转却触发了即时操作，会导致困惑并降低可用性。
需注意，a元素本质是“锚点”。只有添加href属性后才成为具备目标的链接；否则仅为定位点，不支持原生键盘操作。
仅靠图像毫无意义
图像传递情感、信息及上下文（如缺货提示），但视障人士无法直接获取。必须提供有意义的文本说明，使图像具备可访问性。
图像不仅指.png或.jpg文件，还包括图标字体、.svg资源等所有图形化信息。只要是视觉内容，均需配备文本替代。
替代文本方式因图而异：img元素使用alt属性；图标字体建议使用aria-label；.svg处理较复杂，但同样可实现无障碍。对于纯装饰性图像，应设置空alt属性，告知屏幕阅读器忽略该图像。
标记所有内容
表单若无标签，将严重阻碍使用。检查方法：确认字段旁有用途说明文字，点击该文字（非输入框本身），若光标自动聚焦至对应字段，则标记正确。
缺乏明确标签时，屏幕阅读器用户只能依靠探索寻找线索，且无法确定听到的文本是否真正属于当前字段。结账流程若像解谜般困难，极易导致购物车放弃。
管理“焦点”
“焦点”指键盘命令生效的位置。例如在文本框输入时焦点即在此处，按Tab键应移至下一字段。
大量用户（包括非盲人群体）依赖键盘导航。填写表单时，人们习惯用Tab键而非鼠标切换。若键盘用户无法感知当前位置，网站将几乎不可用。
有效的键盘导航需满足两点：一是所有交互元素（如下拉菜单）均可通过键盘访问，合法按钮和链接无此问题，但div、span或未带href的锚点则会受阻；二是当焦点到达某元素时，必须有清晰、不隐晦的视觉反馈。
虽不完美，但有所改善
上述五个基础开发领域能满足大多数用户需求。虽不能保证网站完全无障碍，但足以显著提升每位访客的体验质量。