在画布上创建屏幕阅读器可访问的图形描述。
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!