标签: html css html5 semantic-markup
如果您以非语义方式使用div-soup和CSS来创建可视图片,那么将它全部包装在wget元素中以指示内容是非语义的是否有意义?
wget
更多信息:我正在使用一堆嵌套的DIV和带有内联样式的SPAN来绘制条形图。 (我知道SVG是一种更好的方法,但是以我的设计需要的方式使SVG响应基于百分比的维度是不可行的。)另外,我还做了一个屏幕阅读器可访问的图表文本摘要。但我不希望屏幕阅读器在视觉版本上绊倒。
答案 0 :(得分:2)
我想说这是figure的可接受用途。
figure
figure元素表示一些流内容,可选地带有 标题,即自包含(如完整的句子)并且是 通常从主要流程中引用为单个单元 文档。
因此该元素可用于注释插图,图表, 照片,代码清单等
Source,强调我的
将img的ARIA角色添加到figure可能会进一步提高标记。
img
img代表文档中的单个图形,是否 它由一组绘图对象构成。