search

highcharts / highcharts-ios

iOS wrapper for Highcharts.
Other
127 stars 39 forks source link

Accessibility - Focus is not proper while Voice over is on #407

Closed Trupti15 closed 1 year ago

Trupti15 commented 2 years ago

Hi, I have integrated highcharts-ios" 10.2.1, for displaying chart type column I facing issues on Accessibility. When screen reader reads title, it's not focusing on title, it's focusing somewhere else. The focus on the complete bar graph is missing. The bars are reading as image.

Is it the issue exist in iOS, or I have missed anything on configuration. Thanks

ihnatmoisieiev commented 2 years ago

Hello @Trupti15, I've just compared Accessibility from the web and iOS. They are working exactly the same for me.

Please prepare a small example demo where I can reproduce your issue.

I used Accessibility Inspector for checking the elements.

Screenshot 2022-11-23 at 07 33 34
Trupti15 commented 2 years ago

Hi @ihnatmoisieiev, I am getting these issues, please have a look at these screenshots:

Screenshot 2022-11-23 at 13 32 42 Screenshot 2022-11-23 at 13 32 49 Screenshot 2022-11-23 at 13 33 55
ihnatmoisieiev commented 1 year ago

Hello @Trupti15, could you please share a demo chart configuration that I can paste and reproduce the issue? Thanks.

Trupti15 commented 1 year ago

Hi @ihnatmoisieiev, please check the code here https://github.com/Trupti15/Highchart-iOS-Demo.

ihnatmoisieiev commented 1 year ago

@Trupti15, I ran your example, downloaded the same iOS (15.2) and device, but can't reproduce the issue you attached on your first and second screenshots. Did you add some additional config? Could you please provide steps for reproducing?

Screenshot 2022-11-24 at 15 56 26
oysteinmoseng commented 1 year ago

Hi @Trupti15, if I understand you correctly these are the issues:

This is currently expected behavior, and is generally the same behavior you will find on Highcharts for web. Aligning the focus indicator on titles/axes is a planned enhancement, however.

As for the image roles for the data points, we found in testing that we got the most stable results with different screen readers and browsers using this role. Unfortunately many screen readers / browsers still behave strangely with SVG, so we have to keep compatibility in mind. There are enhancements planned where the user can select custom interaction modes that will not include this announcement, however.

If you wanted to, it would be possible to override the image roles, or set aria-roledescription on the points, if you wanted them to announce differently. Here is how we would do this in Highcharts for web, I am sure @ihnatmoisieiev or someone else can help out with the iOS equivalent: https://jsfiddle.net/c5u2txmk/

I am closing this for now, but will of course reopen if you have further comments on the case.