-
Bug
-
Resolution: Fixed
-
Low
-
10.3.0
-
Severity 3 - Minor
-
Issue Summary
Visual labels are not announced for the text area in the modal dialogs.
Steps to Reproduce
- Open "JSM System Dashboard" page.
- Navigate to the "Projects" in the header section and choose any ITSM project from the options.
- Navigate to the "Raise a request" link in the side navigation and activate it.
- Navigate to the "Requests" button and select "All the request" option.
- Navigate and activate any request.
- Navigate to the "Escalate", "Resolve this issue" and "Cancel request" buttons and activate them.
- Using a screen reader 'Tab' key, navigate to the mentioned buttons present in the "Escalate", "Resolve this issue" and "Cancel request" modal dialogs.
- Listen that the placeholder text is announced for the mentioned text area in the modal dialogs.
Screen Recording 1
Screen Recording 2024-12-12 at 7.35.48 PM.mov
Screen Recording 2
Screen Recording 2024-12-12 at 7.47.54 PM.mov
Screen Recording 3
Screen Recording 2024-12-12 at 7.48.40 PM.mov
Actual Results
Although the label and id are correctly associated with the "Please comment with any additional information" text area present in the "Escalate", "Request this issue" and "Cancel request" modal dialogs available after activating the "Escalate", "Request this issue" and "Cancel request" buttons in the main content area, the visual labels are not announced for the screen reader users.
Instead, the placeholder text is announced for the mentioned text area.
As a result, screen reader users find it difficult to understand the purpose of the text area.
Expected Results
The visual labels should be correctly announced for the mentioned text area in the modal dialogs.
Modify the scripts to ensure that the visual labels are correctly announced by the screen reader.
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available.
Environment
MacBook Pro (16-inch, 2021)
macOs Sonoma 14.7
Chrome - Version 131.0.6778.86 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit)
Safari- Version 17.0 (19616.1.27.211.1)
JAWS- Version 2023
NVDA- Version 2021.2
Voiceover - Version Latest
- is resolved by
-
A11Y-595 You do not have permission to view this issue
- links to
| Form Name | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
[JSDSERVER-15829] Help Center | View request: Visible labels not announced for screen reader users
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
| Status | Original: In Progress [ 3 ] | New: Waiting for Release [ 12075 ] |
| Status | Original: Short Term Backlog [ 12074 ] | New: In Progress [ 3 ] |
| Fix Version/s | New: 10.7.0 [ 111197 ] | |
| Fix Version/s | New: 11.0.0 [ 111000 ] | |
| Fix Version/s | New: 10.6.0 [ 110418 ] |
| Remote Link | Original: This issue links to "A11Y-595 (Bulldog)" [ 984365 ] | New: This issue links to "A11Y-595 (JIRA Server (Bulldog))" [ 984365 ] |
| Remote Link | New: This issue links to "A11Y-595 (Bulldog)" [ 984365 ] |
| Status | Original: Needs Triage [ 10030 ] | New: Short Term Backlog [ 12074 ] |
| Labels | Original: 3.3.2 Level-A WCAG2.2 ax-adjusted-priority-Jan25 ax-at-user ax-bug ax-high-priority ax-jsmdc-vpat-2024 ax-jsmdc-vpat-2024-viewrequest ax-medium-priority ax-qa axsr-368 ril | New: 3.3.2 Level-A WCAG2.2 ax-adjusted-priority-Jan25 ax-at-user ax-bug ax-high-priority ax-jsmdc-vpat-2024 ax-jsmdc-vpat-2024-viewrequest ax-qa axsr-368 ril |
| Labels | Original: 3.3.2 Level-A WCAG2.2 ax-at-user ax-bug ax-jsmdc-vpat-2024 ax-jsmdc-vpat-2024-viewrequest ax-medium-priority ax-qa axsr-368 ril | New: 3.3.2 Level-A WCAG2.2 ax-adjusted-priority-Jan25 ax-at-user ax-bug ax-high-priority ax-jsmdc-vpat-2024 ax-jsmdc-vpat-2024-viewrequest ax-medium-priority ax-qa axsr-368 ril |
| Description |
Original:
h3. Issue Summary
Visual labels are not announced for the text area in the modal dialogs. h3. Steps to Reproduce # Open "JSM System Dashboard" page. # Navigate to the "Projects" in the header section and choose any ITSM project from the options. # Navigate to the "Raise a request" link in the side navigation and activate it. # Navigate to the "Requests" button and select "All the request" option. # Navigate and activate any request. # Navigate to the "Escalate", "Resolve this issue" and "Cancel request" buttons and activate them. # Using a screen reader 'Tab' key, navigate to the mentioned buttons present in the "Escalate", "Resolve this issue" and "Cancel request" modal dialogs. # Listen that the visual labels are not announced for the mentioned text area in the modal dialogs. h3. Screen Recording 1 [^Screen Recording 2024-12-12 at 7.35.48 PM.mov] h3. Screen Recording 2 [^Screen Recording 2024-12-12 at 7.47.54 PM.mov] h3. Screen Recording 3 [^Screen Recording 2024-12-12 at 7.48.40 PM.mov] h3. Actual Results Although the label and id are correctly associated with the "Please comment with any additional information" text area present in the "Escalate", "Request this issue" and "Cancel request" modal dialogs available after activating the "Escalate", "Request this issue" and "Cancel request" buttons in the main content area, the visual labels are not announced for the screen reader users. Instead, the placeholder text is announced for the mentioned text area. As a result, screen reader users find it difficult to understand the purpose of the text area. h3. Expected Results The visual labels should be correctly announced for the mentioned text area in the modal dialogs. Modify the scripts to ensure that the visual labels are correctly announced by the screen reader. h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available. h3. Environment MacBook Pro (16-inch, 2021) macOs Sonoma 14.7 Chrome - Version 131.0.6778.86 (Official Build) (arm64) Firefox- Version 92.0 (64-bit) Safari- Version 17.0 (19616.1.27.211.1) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest h3. |
New:
h3. Issue Summary
Visual labels are not announced for the text area in the modal dialogs. h3. Steps to Reproduce # Open "JSM System Dashboard" page. # Navigate to the "Projects" in the header section and choose any ITSM project from the options. # Navigate to the "Raise a request" link in the side navigation and activate it. # Navigate to the "Requests" button and select "All the request" option. # Navigate and activate any request. # Navigate to the "Escalate", "Resolve this issue" and "Cancel request" buttons and activate them. # Using a screen reader 'Tab' key, navigate to the mentioned buttons present in the "Escalate", "Resolve this issue" and "Cancel request" modal dialogs. # Listen that the placeholder text is announced for the mentioned text area in the modal dialogs. h3. Screen Recording 1 [^Screen Recording 2024-12-12 at 7.35.48 PM.mov] h3. Screen Recording 2 [^Screen Recording 2024-12-12 at 7.47.54 PM.mov] h3. Screen Recording 3 [^Screen Recording 2024-12-12 at 7.48.40 PM.mov] h3. Actual Results Although the label and id are correctly associated with the "Please comment with any additional information" text area present in the "Escalate", "Request this issue" and "Cancel request" modal dialogs available after activating the "Escalate", "Request this issue" and "Cancel request" buttons in the main content area, the visual labels are not announced for the screen reader users. Instead, the placeholder text is announced for the mentioned text area. As a result, screen reader users find it difficult to understand the purpose of the text area. h3. Expected Results The visual labels should be correctly announced for the mentioned text area in the modal dialogs. Modify the scripts to ensure that the visual labels are correctly announced by the screen reader. h3. Workaround Currently there is no known workaround for this behavior. A workaround will be added here when available. h3. Environment MacBook Pro (16-inch, 2021) macOs Sonoma 14.7 Chrome - Version 131.0.6778.86 (Official Build) (arm64) Firefox- Version 92.0 (64-bit) Safari- Version 17.0 (19616.1.27.211.1) JAWS- Version 2023 NVDA- Version 2021.2 Voiceover - Version Latest |