Issue Summary

The users are unable to navigate through the custom fields using the NVDA screen reader software.

Steps to Reproduce

1. Open the Homepage of the JSM.
2. Navigate to the Projects and open any project.
3. Navigate to the issues and select any issue that has custom fields present.
4. Using the NVDA screen reader, navigate to the "Details" section and move within it using the "Down" arrow key.
5. Observe that the custom fields are not rendered to them.

Screenshot

Screen Recording

Actual Results

When screen reader users navigate to the "Details" section using the "Down Arrow" key and try to interact with the custom fields, such as "Test", "Demo", and so on, these fields are not rendered for them. The screen reader's focus skips these fields and directly moves to the "Description" section. This occurs because role="application" is inappropriately specified for the <div> element containing the custom fields section.
As a result, screen reader users are unable to interact with the custom fields.

Expected Results

Ensure that the screen reader users can navigate through the custom fields.

In this scenario, remove the role="application" from the source of the <div> element.

Environment

MacBook Pro (16-inch, 2021)
macOS Sonoma 14.7
Operations - Windows11
Chrome - Version 130.0.6723.59 (Official Build) (64-bit)
Safari- Version 18.0
Firefox- Version 131.0.3 (64-bit)
JAWS- Version 2023
NVDA- Version 2024.3.1
VoiceOver - Version Latest