user94
Posts: 9
Joined: Wed Mar 22, 2023 7:51 pm

Bar accessibility

I am trying to create an accessible column chart, however, JAWS never seems to be able to read out the information in the chart. I added in the highchart files at the top of my code,
Screenshot 2023-09-17 184522.png
Screenshot 2023-09-17 184522.png (35.07 KiB) Viewed 105 times
and have just copied/pasted the files from the highchart Github into a folder like so:
Screenshot 2023-09-17 184840.png
Screenshot 2023-09-17 184840.png (71.54 KiB) Viewed 105 times
Is this not the correct way to implement this?
Thanks!
jedrzej.r
Posts: 700
Joined: Tue Jan 24, 2023 11:21 am

Re: Bar accessibility

Hi!

I can see that you are prepending Highcharts library with additional modules (including a11y) in PHP. If the files are loaded correctly on the website, there shouldn't be any problem with JAWS reading out chart information. I can see that the file from the second screenshot is from Highcharts v5.0.7, which is at least 6 years old. From this time, there have been many fixes and features introduced into Highcharts and Accesibility module.

I've tested on my end with latest JAWS version and haven't been able to reproduce this issue. If you could share more detail about the Highcharts version and your chart config, then I'd be able to help you find a solution to this problem.

Demo i've tested the a11y module with: https://jsfiddle.net/gh/get/library/pur ... sible-line

Perhaps you'd be interested in using community wrapper designated for using Highcharts in PHP: https://github.com/ghunti/HighchartsPHP

I'm waiting for you reply!
Best regards!
Jędrzej Ruta
Highcharts Developer
user94
Posts: 9
Joined: Wed Mar 22, 2023 7:51 pm

Re: Bar accessibility

Updating the accessibility file solved my issue. Thanks!

Return to “Highcharts Usage”