[AdaptiveCards- Designer]: Focus Order is not in sequential order for the header controls on the 'Designer Page'.

[vagpt]

Target Platforms

Other

SDK Version

1.5

Application Name

Adaptive Cards

Problem Description

Test Environment:
URL: https://adaptivecards.io/
OS Version: 22H2(OS Build 25247.1000)
Browser Version: Version 110.0.1543.0 (Official build) dev (64-bit)
Screen Reader: Narrator

Repro Steps:

1. Open above URL with valid credential.
2. Navigate to 'Designer' link and press enter key to activate it.
3. Navigate to 'Redo' button and press tab key and observe the issue.

Actual Result:
While navigating to the 'Designer' page focus order is not in sequential order on the header control as after the 'Redo' button on pressing the Tab key focus is going on the 'Copy card Payload' button.

Expected Result:
Focus order should be in logical order and after the 'Redo' button on pressing Tab key focus should be land on the Target Version combo box.

User Experience:
It will impact the keyboard user if the focus order is not in logical order as user have to navigate more to interact with desired elements.

MAS Reference:
https://microsoft.sharepoint.com/:w:/r/sites/accessibility/_layouts/15/Doc.aspx?sourcedoc=%7B80A4F009-8781-4423-B3CD-2448EAF5BF62%7D&file=MAS%202.4.3%20%E2%80%93%20Focus%20Order.docx&action=default&mobileredirect=true

"Have feedback to share on Bugs ? Please help fill Trusted Tester Bug Feedback (office.com) “.

Screenshots

mas2.4.3-Focus.Order.is.not.in.sequential.order.for.the.header.controls.on.the.Designer.Page.mp4

Card JSON

NA

Sample Code Language

No response

Sample Code

No response

[vagpt]

Hi @anna-dingler,

As this issue is still repro, so could you please let us know is there any future plan to fix this issue?

[anna-dingler]

Closing this issue since it is a duplicate of #7282

[vagpt]

Adding A11yTTvalidated tag as per the comment above.