开发支持屏幕读取软件的 Web 2.0 应用

为活动图片添加文本信息

Web 应用为了视觉美观，会将按钮或者链接等元素以图片的形式显示出来。例如，下图右上角的两个图片分别是“添加用户”和“删除用户” 按钮。

图 4. Web 应用中的活动图片

其中“添加用户”按钮的 javascript 实现为：

清单 8. 为图片添加文本信息 .
　//　构造　button　元素　
　var　addButton　=　document.createElement("button");　
　var　img　=　document.createElement("img");　
　img.src　=　“Add_User.jpg”;　
　addButton.appendChild(img);　
　addButton.onclick　=　function()　{　
　this.addUser();　
　}　　

//为 button元素添加文字信息

//设置 button元素的 name属性，其值为相应的文字信息

　addButton.name　=　Constance.getMessage(“addUser”);　

用户可以通过屏幕读取软件获取此按钮信息：Add User Button。

支持表格识别功能

Web 应用通过表格表示一组数据之间的关系。当用户遇到一个表格时，他必须可以理解表格的用处，并且能获取表格中的所有的元素信息。这对于视力正常的用户来说是非常容易的，但是那些需要借助屏幕读取软件获取信息的用户却很容易在大量的数据面前丢失方向。这就需要在 html 中提供适当的 markup，使得屏幕读取软件能够很好的识别表格中的数据以及其所表达的相应信息。