search

OfficeDev / office-js

A repo and NPM package for Office.js, corresponding to a copy of what gets published to the official "evergreen" Office.js CDN, at https://appsforoffice.microsoft.com/lib/1/hosted/office.js.
https://learn.microsoft.com/javascript/api/overview
Other
677 stars 95 forks source link

Unable to Navigate Back to the Beginning of the Dialog (Pop-up) by Tab key in Outlook desktop (thick Client) #3851

Open SubhashRoy044 opened 11 months ago

SubhashRoy044 commented 11 months ago

Provide required information needed to triage your issue

The navigation tab is not functioning as expected in the thick client (Outlook desktop) dialog. Specifically, users are unable to navigate back to the beginning of the pop-up using the tab key. This behavior is inconsistent with Outlook Web, where tab navigation is functional.

Your Environment

Expected behavior

The tab key should facilitate navigation back to the beginning of the pop-up in the thick client dialog, aligning with the expected behavior in Outlook Web.

Current behavior

The tab key does not navigate back to the beginning of the pop-up in the thick client dialog, preventing users from efficiently moving through the interactive elements.

Steps to reproduce

Steps to Reproduce:

Open Outlook desktop. Navigate to the section where a pop-up dialog is present. Click or tab through the interactive elements within the dialog. Attempt to navigate back to the beginning of the pop-up using the tab key. Actual Result: The tab key does not navigate back to the beginning of the pop-up in the thick client dialog, preventing users from efficiently moving through the interactive elements.

Expected Result: The tab key should facilitate navigation back to the beginning of the pop-up in the thick client dialog, aligning with the expected behavior in Outlook Web.

Link to live example(s)

Provide additional details

Context

Useful logs

Thank you for taking the time to report an issue. Our triage team will respond to you in less than 72 hours. Normally, response time is <10 hours Monday through Friday. We do not triage on weekends.

timwan10 commented 11 months ago

It's a little unclear what the issue is here? Can you add some screenshots, and more explicit details on which pop up, and how it is being generated etc? is this the dialog for displayDialogAsync?

RaveendraReshma commented 11 months ago

Hi I am from the same team, Yes, this is for dialog [displayDialogAsync].

1) As per WCAG Compliance, the elements of the Dialog must be accessible using Tab key of the Keyboard. 2) In OWA once we reach the last element in the Dialog using Tab Key, the focus will directly go back to first element in the Dialog. 3) The same is failing in case of Thick Client [ Desktop Old Outlook ]. The focus will not go back to first element of the dialog and focus stays there in last element. 4) The same fails for the header elements of the Dialog in OWA and thick client. The [X] button in the header. image

ndeleuze commented 10 months ago

@RaveendraReshma and @SubhashRoy044 thank you for reporting this issue. We have created an item on our backlog to address this. In the meantime, you should be able to use Shift + Tab as a workaround to navigate back up in the dialog.

Internal tracking id: Office: 8584941