如何在d3.js sunburst圖表中的節點上設置初始.focus（）？

Question

我正在努力使這個旭日形圖可以訪問/ 508兼容。 有沒有人知道我怎么說，中心圓圈使用.focus（）調用進行默認焦點？ 這樣，每當圖表與限制在鍵盤導航的用戶進行交互時，起點總是突出顯示中心圓？

我對輔助功能標准很新。 但我想要完成的是雙邊鍵盤導航。 任何建議將不勝感激！

Answer 1

原則上，實現此目的的最簡單方法是在根元素上設置ID並選擇它（例如使用document.getElementById() ），然后在其上調用.focus() 。

當您使用像NVD3這樣的庫時，它並沒有真正為您提供這種靈活性，但對於根元素而言，它仍然很容易使其工作。 森伯斯特由一組path元素組成，第一個代表根。 所以你需要做的就是選擇容器的第一個path子元素，獲取DOM節點並調用.focus() ：

d3.select(".nv-sunburst").select("path").node().focus();