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

Bar accessibility

Sun Sep 17, 2023 11:50 pm

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 72 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 72 times
Is this not the correct way to implement this?
Thanks!

jedrzej.r
Posts: 533
Joined: Tue Jan 24, 2023 11:21 am

Re: Bar accessibility

Mon Sep 18, 2023 3:06 pm

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

Wed Sep 20, 2023 4:29 pm

Updating the accessibility file solved my issue. Thanks!

Return to “Highcharts Usage”