你可以在“数字”中包含任意元素,以表明它是HTML-as-image吗?

时间:2017-05-15 12:48:51

标签: html css html5 semantic-markup

如果您以非语义方式使用div-soup和CSS来创建可视图片,那么将它全部包装在wget元素中以指示内容是非语义的是否有意义?

更多信息:我正在使用一堆嵌套的DIV和带有内联样式的SPAN来绘制条形图。 (我知道SVG是一种更好的方法,但是以我的设计需要的方式使SVG响应基于百分比的维度是不可行的。)另外,我还做了一个屏幕阅读器可访问的图表文本摘要。但我不希望屏幕阅读器在视觉版本上绊倒。

1 个答案:

答案 0 :(得分:2)

我想说这是figure的可接受用途。

  

figure元素表示一些流内容,可选地带有   标题,即自包含(如完整的句子)并且是   通常从主要流程中引用为单个单元   文档。

  

因此该元素可用于注释插图,图表,   照片,代码清单等

Source,强调我的

img的ARIA角色添加到figure可能会进一步提高标记。

  

img代表文档中的单个图形,是否   它由一组绘图对象构成

Source,强调我的