fusioncharts / fusioncharts-dist

FusionCharts JavaScript Charting library. Over 95+ charts and 1,400+ maps to choose from, with integrations available for all popular JavaScript frameworks & back-end programming languages.
https://www.fusioncharts.com
Other
84 stars 46 forks source link

When focusing on a line-breaking legend, the text announced by the screen reader contains HTML code #52

Open leon0leon opened 1 year ago

leon0leon commented 1 year ago

Each line of the line-breaking legend text is wrapped in the <tspan> tags and set the corresponding coordinates.

image

The Accessibility Extension provided by FusionCharts assigns the original HTML of the line-breaking legend to aria-label instead of plain text: aria-label="Toggle the slicing of <tspan x="28">25.33% Venezuela</tspan><tspan dy="18" x="28">Countries With Most Oil</tspan><tspan dy="18" x="28">Reserves In MMbbl = One</tspan><tspan dy="18" x="28">Million barrels</tspan>" This causes the text announced by screen readers to contain HTML code when focusing on a line-breaking legend.