Issue Summary

The ARIA attribute "aria-live" has been defined inappropriately for the <div> container of the issue.

Steps to Reproduce

1. Open the "Backlog" page.
2. Navigate to any issue present on the backlog and activate it.
3. Observe that the issue details non-modal dialog will appear on the page.
4. Inspect the code of the non-modal dialog
5. Observe that the "aria-live" attribute is defined inappropriately.

Screenshot

Actual Results

When the screen reader activates an issue that is present in the backlog, the screen reader starts announcing the entire content that is available in the <div> container having the aria-live="polite" attribute.

As a result, the screen reader users will find it confusing and frustrating as the screen reader will start to announce the content automatically.

Expected Results

The content present in the non-modal dialog of the issue should not be announced unnecessarily.

Remove the "aria-live" attribute from the code as this non-modal dialog does not posses any live region.

Code example:

<div id="ghx-detail-view" class="ghx-detail-view gh-editable-detail-view ui-resizable" role="region" aria-label="Issue details panel" style="width: 434px; left: -34px;">
...
</div>

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3.1
Chrome - Version 120.0.6099.109 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.3 (19617.2.4.11.8)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest