Gantt Chart : The narrator navigation of the svg is not in right sequence

[sulabh-msft]

Describe the bug
Gantt Chart : The narrator navigation of the svg is not in right sequence

To Reproduce
Steps to reproduce the behavior:

1. Go to Gantt Chart in Edge browser
2. Launch screen reader as narrator and navigate to the mermaid using caps+arrow key.

Expected behavior
Screen reader should announce the information in a logical sequence , top to bottom and left to right .

** Actual behavior**

1. On navigating to the image using caps+arrow key , narrator announces information of the image from bottom to top and right to left.

User Impact:​
The screen reader users will not receive the image context in the right sequence.

Screenshots

See attached gif recording

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

[abhijeet-pathak]

Can I take this up?

[jgreywolf]

@sulabh-msft Can anyone confirm if this issue has been resolved with the fix in PR mentioned above. If no answer within 30 days I will close as resolved

[sulabh-msft]

@jgreywolf I tried the narrator scenario on the Live Gantt Chart on an edge browser, but still I see the same issue.

Not sure if the the Mermaid live editor has the changes that @abhijeet-pathak merged.

[fsteffi]

@sulabh-msft is there an update on this bug

[jgreywolf]

Confirmed that this is still occurring in current version of live editor. Moving this issue to the correct repo

[sidharthv96]

@jgreywolf are you sure it's a live editor issue?

Live editor only displays the svg string that mermaid returns. It doesn't do any major modifications to that.
So, shouldn't the fix be inside mermaid so that all other platforms that use mermaid will also benefit from it?

[jgreywolf]

I was making that assumption due to the comment about changes in mermaid that should have already resolved. I also was not aware that how the SVG was generated might affect narration

[github-actions]

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in 30 days

[sidharthv96]

@jgreywolf can you verify if it's still happening?
Live editor has the latest mermaid, so any fixes done should be reflected here.

Please reopen if it's not resolved.