apache / apache/echarts

[Feature] Support for accessibility of elements inside the chart (series, legend...)

Open
#18,256 6 comments 1 reaction 0 assignees View on GitHub
accessibility en new-feature
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### What problem does this feature solve?

I know echart has done a lot on accessibility, thanks a lot.

The purpose of this issue is want to know whether the Echart team has plans to support further improvement of the accessibility function, so that users can access specific elements inside the chart and operate them through tab, arrow keys and space keys.

### What does the proposed API look like?

This is just an idea, take pie chart as an example.

```javascript

const myChart = echarts.init(document.getElementById('main'), null, { renderer: 'svg' });

const option = {
aria: {
show: true
},
series: [
{
name: 'Referrer',
type: 'pie',
data: [
{ value: 335, name: 'Direct Visit', ariaLabel: 'aria label for Direct visit' },
{ value: 310, name: 'Email Marketing' , ariaLabel: 'aria label for Email Marketing' },
{ value: 234, name: 'Union Ad' },
]
}
]
};
myChart.setOption(option);

```

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.