web无障碍实施细节（三）语音读取适配

提升屏幕朗读器对web应用的识别。

1.分析

视力障碍用户通常会使用屏幕朗读器，读取、操作web应用。

1.1 屏幕朗读器

屏幕朗读器软件会试图辨认和解释屏幕所显示的东西（或者，更准确地说，是标准输出的东西，无论是显示器还是其他）它的解释对用户会表现为朗读文本、声音图标或盲文输出设备。屏幕朗读器是一种辅助技术（AT），可用于帮助盲人、视力障碍者、文盲或学习障碍者，它通常和其他辅助技术——比如，屏幕放大镜——联合工作。

1.2 web应用可读性措施

• 使用标准html
• 使用ARIA

2.可访问性

屏幕朗读器软件读取web应用的时候，主要读取处于 焦点激活状态 的元素。

Voiceover 阅读内容：

元素的内容字段 + 元素状态 + 元素类型

例如，处于选中状态的单选，可选择的复选框等。

2.1 语义化元素

若是一个搜索按钮，使用标准html元素，如下：

<button class="btn btn-assist">Search</button>

button标签不仅提供了：