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

Multi-series line chart example no longer working correctly with screen readers #61

Open becka11y opened 8 months ago

becka11y commented 8 months ago

The multi-series line chart example is no longer working correctly with JAWS and NVDA screen readers. With JAWS in Chrome I can only arrow through the first line (Facebook) value. When I press down arrow the focus moves to the next series but screen reader announces the chart details again and not the specific data.

NVDA in Firefox works better but there are other issues. I can tab to the chart, press tab to "enter" the chart and the left/right and up/down arrows work correctly. When I tab to the legend I can arrow through and toggle the visibility of each series. However, I can never get back into the chart to review the data points again. Pressing shift-tab with focus on a legend puts focus on the entire chart rather than one of the series. From there pressing tab puts focus back on the legend rather than moving focus back into the chart. This used to work. Have there been updates to Fusion charts or the accessibility plugin that have broken the correct behavior? Chrome and Firefox are both on the latest versions.

becka11y commented 6 months ago

This is more than this chart type. The stacked column is also broken. When I try to go to a new series, the screen reader focus is back on the entire chart. I am also seeing this on a vertical bar chart in a commercial product. When I tab to the first bar, JAWS focus is moved to the top of the page.
There are issues with both NVDA in Firefox and JAWS in Chrome.

becka11y commented 6 months ago

Update - this seems to be a chrome issue. After updating Firefox, NVDA and JAWS in Firefox are working correctly. NVDA and JAWS don't work correctly with charts in Chrome and Edge. Will leave ticket open to post any updates.