创建一个屏幕阅读器可访问的画布图形描述。
gridOutput()
在网页中添加概括性描述、图形列表以及图形表格。概括性描述包含画布尺寸、画布颜色和图形数量。例如:gray canvas, 100 by 100 pixels, contains 2 shapes: 1 circle 1 square
。
gridOutput()
将图形表格用作网格。网格中的每个图形都放在一个单元格中,该单元格的行和列就是图形在画布上的位置。网格单元格描述了该位置的颜色和图形类型。例如:red circle
,选中这些描述可以获取更多详细信息。这不同于 textOutput(),它是将图形表用作列表。
然后是图形列表,它描述了图形的颜色、类型、位置和面积。例如:red circle, location = middle, area = 3 %
。
display
参数是可选项,它决定了描述的展示方式。如果它的值是 LABEL
,例如:gridOutput(LABEL)
描述将会展示在画布旁边的 div 元素中。 LABEL
并没有实际用处,它只是屏幕阅读器中的重复项。仅在开发环境中使用 LABEL
。如果是 FALLBACK
,例如:gridOutput(FALLBACK)
,描述仅对屏幕阅读器可见,这是默认模式。
了解更多关于制作无障碍绘图的信息,请参阅 编写无障碍的画布描述。
示例
语法
gridOutput([display])
参数
display
常量:
FALLBACK 或 LABEL
Notice any errors or typos? Please let us know. Please feel free to edit src/accessibility/outputs.js and open a pull request!