当前位置:嗨网首页>书籍在线阅读

30-文本的无障碍访问

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

3.8.2 文本的无障碍访问

在W3C关于Canvas的文档里有关于未来开发者应该如何使用Canvas显示文本的介绍。为了让文本更容易使用,W3C建议为文本创造新的子节点(详情请看第1章)。原文如下:

“当使用fillText或strokeText将文本渲染到Canvas上时,开发者必须在Canvas的子节点下创建一个拥有相同文字、样式和位置的子节点(div或span)。调用函数set ElementPath()可以设置文本框的属性。”

在将文本绘制到图片的过程中,子节点作为一个代理,会给用户提供一个更好的无障碍体验。

支持鼠标浏览的屏幕朗读器可以通过子节点的位置计算出当前光标在屏幕的位置。如果开发者支持文本选择,并且保持Canvas子节点的文本选择范围与Canvas上的文本选择范围同步,那么屏幕朗读器就可以通过这些信息间接知道屏幕上的选择区域。