参考 gridOutput()

gridOutput()

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

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!

相关参考