使用D3.js,我可以使用键盘聚焦SVG图表中的数据点吗



我有一个使用D3.js创建的SVG图表,其中有鼠标悬停时显示的数据点。

现在我需要让它支持那些只能使用键盘而不能使用鼠标与图表交互的受电机影响的人。

我尝试使用tab按钮在图表中导航,但数据点无法聚焦,因此无法显示。

有人能教我如何让它更容易访问吗?

如果D3.js不支持它,你能推荐另一个库吗?

BTW,是https://d3plus.org/更好的选择?

提前感谢!

为了实现这一点,每个数据点都需要tabindex='0'和某种可访问的名称,通常是aria-label="string representing the datapoint"

我已经很多年没有接触d3了,但IIRC我认为这应该是可能的。d3plus看起来相当不错,它向数据点添加了aria-labelpresentation role,但没有添加选项卡索引。

演示角色通常不会是您使用制表键所关注的内容。我想知道屏幕阅读器会如何处理。我不禁想,图形咏叹调中的另一个角色可能比presentation更合适。

(严格地说,tab键用于集中可操作的内容,而数据点通常是不可操作的,尽管通过tab浏览数据的习惯用法正在建立起来——主要是因为除了数据表之外,还不存在其他机制(。

最新更新