NVDA 箭头导航仅适用于 highcharts 中的 alt 键

Question

我正在尝试使用辅助功能模块在图表中导航，但要在线条或条形内移动，我必须借助 Alt +（上、下、左、右）而不是直接通过箭头键进行导航.

也找不到任何解释，如果有人能提出一些真正有帮助的原因或正确的行动方案。

作为示例，此图表与 NVDA 的行为方式相同 https://www.highcharts.com/samples/highcharts/accessibility/accessible-line

Answer 1

我以前没有使用过 highcharts，但是你可以访问它生成的 HTML 吗？您可以通过将 role="application" 添加到包含主要 <svg>.

的 <div> 来使其工作

<div role="application" id="highcharts-i7l4x35-0" class="highcharts-container " aria-hidden="false" tabindex="0">
  <svg version="1.1" class="highcharts-root highcharts-legend-series-active" xmlns="http://www.w3.org/2000/svg" width="820" height="420" viewBox="0 0 820 420" aria-hidden="false" aria-label="Interactive chart">
    <desc aria-hidden="true">Created with Highcharts 9.2.2</desc>
    ...

请注意role="application"。应谨慎使用。

NVDA 箭头导航仅适用于 highcharts 中的 alt 键

NVDA arrows navigation only working with alt key in highcharts

javascript

highcharts

accessibility

react-highcharts

nvda