Javascript 如何为使用D3.js制作的时间轴滑块实现508法规遵从性（如Aria）？

我了解Aria的使用和使应用程序可访问web。但我不知道如何为时间轴滑块实现遵从性方法。我如何抓住画笔的焦点，让它将数据读取到辅助技术（如屏幕阅读器）中

---

这是。

创建屏幕阅读器用户可用的对象的第一步是启用键盘交互

我不确定我是否完全理解您正在使用的对象，但从键盘的角度来看，它的行为应该类似于允许连续选择的列表框

在普通列表框中，项目垂直列出。您的“列表”是水平的

在普通列表框中，我可以使用向上/向下箭头键在列表框中移动所选内容。所选内容将高亮显示。在您的“列表”中，我应该能够使用左/右箭头键将当前选择移动到其中一个块。块是宽的（如前几段），还是窄的（如最后几段）无关紧要。当我向左或向右移动时，会选择相应的块

在普通列表框中，一旦选择了一个项目，我就可以通过按住shift键同时使用向上/向下键来扩展该选择。在您的“列表”中，我应该能够在按住shift键的同时使用左/右箭头键扩展我的选择。这就像按住按钮拖动鼠标一样

---

一旦你有工作，得到反馈给屏幕阅读器用户只是几步之遥。实现这一点的简单方法之一是使用aria live区域。每次选择更改或扩展时，您都可以更新aria live区域中的文本。当您更新文本时，将读取更改。文本本身可以对视觉用户隐藏，或者正如dandavis在他的示例中所建议的那样，显示所选范围可能对视觉用户有帮助。

使用两个日期输入来设置开始点和停止点，而不需要鼠标。您可以将其隐藏在AT之外，但它也可以作为画笔值的可见指示器，这对每个人都很好，尤其是在缺少足够精确像素的小屏幕上。@dandavis您应该将其作为答案来写；