Highcharts SVG 辅助功能

Highcharts 创建的 SVG 没有标题，没有有意义的 desc，也没有 ARIA 属性，或者至少我在 API 中找不到任何内容来设置这些属性。按照以下提示操作http://www.sitepoint.com/tips-accessible-svg/ http://www.sitepoint.com/tips-accessible-svg/我希望能够在设置时设置 SVG 的标题http://api.highcharts.com/highcharts#title http://api.highcharts.com/highcharts#title（或一些替代选项）。对于 desc，我想我肯定需要一个替代选项 - 副标题不符合要求。如果我设置标题，则应在 svg 标签上设置属性 aria-labelledby="title" 。如果我设置标题anddesc 应该是 aria-labelledby="title desc" （显然并非所有屏幕阅读器都与 aria-scribedby 兼容）。并且 svg 标签还应该有一个 role="img" 属性。

目前，由于这些问题，我们未能通过可访问性审查。

这是登陆此页面的人的一些信息。 从高排行榜版本 5 开始，支持辅助功能。 这是示例的链接https://www.highcharts.com/docs/chart-concepts/accessibility https://www.highcharts.com/docs/chart-concepts/accessibility

它支持键盘导航。它还在图表上方包含一个隐藏的 HTML 屏幕阅读器信息部分，其中包含有关图表结构和内容的详细信息。通过向上或向下箭头键将焦点放在图表上后，屏幕阅读器可以阅读此内容。

人们还可以通过 Chart.description、series.description 和 point.description 向屏幕阅读器提供附加信息，通过这些信息可以总结图表。

请参阅此处的示例，该示例使用描述属性总结了图表。

$.getJSON('https://www.highcharts.com/samples/data/aapl-c.json', function (data) {
Highcharts.stockChart('container', {
    chart: {
        description: 'Chart shows Apple stock prices from mid 2008 to mid 2015. It shows steady growth with one significant peak lasting through most of 2012 before normalizing.'
    },

    title: {
        text: 'Apple Stock Price 2008 to 2015'
    },

    subtitle: {
        text: 'Accessible stock chart demo'
    },

    rangeSelector: {
        selected: 1
    },

    navigator: {
        series: {
            description: 'Overview series for navigation' // The navigator series could be confusing to screen reader users.
        }
    },

    series: [{
        name: 'AAPL',
        data: data,
        tooltip: {
            valueDecimals: 2
        }
    }]
});

});

http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/stock/accessibility/accessible-stock/ http://jsfiddle.net/gh/get/jquery/1.7.2/highcharts/highcharts/tree/master/samples/stock/accessibility/accessible-stock/

支持破折号样式以获得更好可见性的示例http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-dashstyle/ http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-dashstyle/