[JSWSERVER-25722] Accessibility Assessment - Roadmaps: ARIA attribute defined inappropriately - Create and track feature requests for Atlassian products.

Type: Bug
Resolution: Fixed
Priority: High (View bug fix roadmap)
Fix Version/s: 10.5.0
Affects Version/s: 8.20.30, 9.12.2, 9.4.17
Component/s: (Advanced Roadmaps) Accessibility
Labels:

Introduced in Version:
8.2
Symptom Severity:
Severity 3 - Minor
Bug Fix Policy:
View Atlassian Server bug fix policy

Issue Summary

On the "Accessibility Assessment - Roadmaps" page, an empty aria-label is defined for the setting buttons.

Steps to Reproduce

Open the "Accessibility Assessment - Roadmaps" page.
Navigate to the settings icon in the header section.
Inspect the element and verify that an empty aria-label is defined.

Screenshot 1

Screenshot 2

Screenshot 3

Screenshot 4

Actual Results

In the header section an empty aria-label is defined for the setting button due to which an accessible name is missing. As a result, screen reader users are communicated with inappropriate information.
The accessible name is missing for the following instances:
1. Checkbox below the scope in the main content area- Refer to Screenshot 2
2. for the "..." three dots below the review changes button- Refer to Screenshot 3
3. for the collapse table column button- Refer to Screenshot 4

Expected Results

Provide an accessible name to the settings icon using aria-label="Setting" and ARIA attributes should be appropriately used with correct semantics and its unnecessary usage should be avoided.

code snippet

<button class="sc-htpNat iJjEoV" aria-label="setting">....</button>

Workaround

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

Environment

MacBook Pro (13-inch, 2018)
macOs Ventura 13.3.1
Chrome - Version 109.0.5414.119 (Official Build) (64-bit)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest