参考 textOutput()

textOutput()

在画布上创建屏幕阅读器可访问的图形描述。

textOutput() 在网页中添加概括性描述、图形列表以及图形表格。 概括性描述包含画布尺寸、画布颜色和图形数量。例如: Your output is a, 100 by 100 pixels, gray canvas containing the following 2 shapes:

然后添加图形列表,它描述了图形的颜色、位置和面积。例如: a red circle at middle covering 3% of the canvas。选中图形可获取更多详细信息。

textOutput() 将图形表格用作列表,表格描述了形状、颜色、位置、坐标和面积。例如: red circle location = middle area = 3%。这不同于 gridOutput(), 它是将图形表格用作网格。

display 这个参数是可选项,它决定了描述的展示方式。 如果它的值是 LABEL ,例如: textOutput(LABEL), 描述将会展示在画布旁边的 div 元素中。 LABEL 并没有实际用处,它只是屏幕阅读器中的重复项。 仅在开发环境中使用 LABEL。 如果是 FALLBACK , 例如: textOutput(FALLBACK), 描述仅对屏幕阅读器可见,这是默认模式。

了解更多关于制作无障碍绘图的信息,请参阅 编写无障碍的画布描述

示例

语法

textOutput([display])

参数

display

FALLBAC 或 LABEL

Notice any errors or typos? Please let us know. Please feel free to edit src/accessibility/outputs.js and open a pull request!

相关参考