Highcharts搭配NVDA时仅Alt+方向键可实现导航的问题咨询

成因 #

• 该表现属于Highcharts无障碍模块的默认设计逻辑，并非Bug。设计初衷是避免图表导航快捷键和NVDA等屏幕阅读器的全局方向键操作逻辑冲突：常规方向键在屏幕阅读器环境下默认用于页面滚动、区块切换，若图表直接占用方向键，会导致视障用户无法正常退出图表导航，无法浏览页面其他内容。
• Alt+方向键的组合是符合WCAG键盘无障碍规范的标准实现，兼顾了图表内部元素导航需求和全局键盘操作的一致性。

解决方案 #

如果你的使用场景不需要兼容屏幕阅读器，或需要自定义导航逻辑，可以通过修改初始化配置实现直接用方向键导航：

1. 找到图表初始化配置中的accessibility配置项
2. 新增keyboardNavigation.seriesNavigation配置，自定义导航快捷键为纯方向键，参考代码如下：

Highcharts.chart('容器ID', {
  // 你的其他图表配置（图例、坐标轴、系列数据等）
  accessibility: {
    keyboardNavigation: {
      seriesNavigation: {
        pointNavigationKeys: ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']
      }
    }
  }
});

提示：修改默认快捷键后请务必做键盘兼容性测试，避免出现图表劫持键盘焦点、用户无法切换到页面其他元素的问题。

内容的提问来源于stack exchange，提问作者shashank