[Accessibility][Screen reader-M365 Compliance-Advanced eDiscovery-Processing: On navigating on the bar 'Error by File type' Focus initially lands at last bar series and the position of bar series incorrectly numbered.

[VivianSi233]

Expected behaviour

On navigating on the bar 'Error by File type' focus should initially land at first bar series 'File is malformed' and the position of bar series should be numbered correctly.
For ex: Errors by file type. High charts interactive chart. region clickable File is malformed., bar series 1 of 7 with 1 bar. region 1. File is malformed., 93. File is malformed.. graphic Interactive chart graphic Created with Highcharts 9.2.2

Actual behaviour

On navigating on the bar 'Error by File type' focus initially lands at last bar series 'File size is zero' inorder to navigate to next bar series user need to press 'left arrow key and navigate in reverse direction and the position of bar series incorrectly numbered.
For ex: Errors by file type. High charts interactive chart. region clickable File size is zero., bar series 1 of 7 with 1 bar. region 1. File size is zero., 3. File size is zero.. graphic Interactive chart graphic Created with Highcharts 9.2.2.

Test Environment:
Test URL: testcaseforadddatasource - Microsoft 365 compliance
Test Account: admin@ediscoSdf.onmicrosoft.com
OS: Windows 11
Version: 21H2 (OS Build 22000.466)
Browser version: 99.0.1135.5 (Official build) dev (64-bit)
Screen Reader: NVDA

Repro step:

1. Open the above URL and login with valid credentials
2. Navigate to the 'Processing' tab and activate it.
3. Further select 'Index status' in 'Views' dropdown and navigate to 'Error by File type' and observe the screen reader announcement.

Product version

Highcharts 9.2.2.

Affected browser(s)

Microsoft Edge

[oysteinmoseng]

Hi @VivianSi233, we are not able to access the test environment you are linking to, as we do not have a password for the account. Are you able to reproduce the chart in jsFiddle or Codepen? This would also help us see the chart configuration code.

[VivianSi233]

admin@ediscoSdf.onmicrosoft.com
Please try this PW: Pass@word1

[oysteinmoseng]

@VivianSi233 Thank you for providing the additional details. It seems to be similar behavior as our other stacked bar charts (see e.g. https://www.highcharts.com/demo/bar-stacked), but I agree that the current behavior should be fixed.

Internal note: We either have to reorder DOM elements here when creating stacks, or create an application-based solution for this. An application solution may be best, as we would presumably want to be able to navigate both within a stack and across to the same series in different stacks.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions!