时间戳

首页 > 解决方案 > NVDA 箭头导航仅适用于高图表中的 alt 键

javascript - NVDA 箭头导航仅适用于高图表中的 alt 键

问题描述

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

如果有人能提出一些真正有用的理由或正确的行动方案，也无法找到任何解释。

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

标签： javascripthighchartsaccessibilityreact-highchartsnvda

解决方案

我以前没有使用过 highcharts，但是您可以访问它生成的 HTML 吗？您可以通过添加role="application"到<div>包含 main的内容来使其工作<svg>。

<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"。它应该谨慎使用。

推荐阅读