Uploaded image for project: 'Jira Software Data Center'
  1. Jira Software Data Center
  2. JSWSERVER-25580

Refine Issues Displayed : Unnecessary textual description for decorative images

XMLWordPrintable

       Issue Summary

      The decorative images provided for "Dropdown" and "Search" icons with textual descriptions are unnecessary.

      Steps to Reproduce

      1. Open the "Refine Issues Displayed" page.
      2. Navigate and activate the "View releases" button.
      3. Observe that a modal dialog appears on the page.
      4. Navigate to the mentioned instance.
      5. Inspect the code and observe that textual description is provided by using the aria-label attribute.

      Screenshot 1

      Screenshot 2

      Actual Results

      The "dropdown" icons present in the main content and the "Search" icon present within the "Releases" modal dialog are provided with an unnecessary textual description such as “Search for release...”, "exclude issue types", and so on, via the aria-label attribute.

      As a result, screen reader users are presented with repeated information which can lead to frustration and poor experience

      Expected Results

      Remove the aria-label attribute and hide the mentioned image using the aria-hidden="true' attribute so that they can be ignored by assistive technologies, such as screen readers.

      Code snippet

      <div data-ds--text-field--container="true" class="css-13fq05f">
<input placeholder="Search for release..." data-compact="true" data-ds--text-field--input="true" class="css-16kwnwk"> 
<span aria-hidden="true" role="img" class="css-pxzk9z" style="--icon-primary-color: currentColor; --icon-secondary-color: var(--background-default, #FFFFFF);">
(...)
</span> 
</div>

      Workaround

      Currently, there is no known workaround for this behavior. 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

        1. Screenshot 2024-01-29 at 4.58.16 PM.png
          Screenshot 2024-01-29 at 4.58.16 PM.png
          542 kB
        2. Screenshot 2024-01-29 at 4.58.56 PM.png
          Screenshot 2024-01-29 at 4.58.56 PM.png
          568 kB

            [JSWSERVER-25580] Refine Issues Displayed : Unnecessary textual description for decorative images

            Marc Dacanay made changes -
            Labels Original: 1.1.1 Level-A a11y-triaged accessibility ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg02 ax-jiradc-vpat-refineissuesdisplayed ax-qa wcag21 New: 1.1.1 Level-A a11y-triaged accessibility ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg02 ax-jiradc-vpat-refineissuesdisplayed ax-qa ril wcag21
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 963662 ]
            Sylwia Mikołajczuk made changes -
            Priority Original: High [ 2 ] New: Medium [ 3 ]
            Stasiu made changes -
            Introduced in Version Original: 9.12 New: 8.2
            Affects Version/s New: 8.20.30 [ 106364 ]
            Affects Version/s New: 9.4.17 [ 106909 ]
            Sylwia Mikołajczuk made changes -
            Labels Original: 1.1.1 Level-A a11y-triaged accessibility ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg02 ax-jiradc-vpat-refineissuesdisplayed ax-qa wcag21 New: 1.1.1 Level-A a11y-triaged accessibility ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg02 ax-jiradc-vpat-refineissuesdisplayed ax-qa wcag21
            Stasiu made changes -
            Component/s Original: Accessibility [ 62491 ]
            Component/s Original: (Advanced Roadmaps) Other [ 73719 ]
            Component/s New: (Advanced Roadmaps) Accessibility [ 74392 ]
            Sylwia Mikołajczuk made changes -
            Labels Original: 1.1.1 Level-A a11y-triaged accessibility ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-pg02 ax-jiradc-vpat-refineissuesdisplayed ax-qa wcag21 New: 1.1.1 Level-A a11y-triaged accessibility ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg02 ax-jiradc-vpat-refineissuesdisplayed ax-qa wcag21
            ssuryavanshi (Inactive) made changes -
            Component/s New: (Advanced Roadmaps) Other [ 73719 ]
            ssuryavanshi (Inactive) made changes -
            Component/s Original: Accessibility [ 62490 ]
            Component/s New: Accessibility [ 62491 ]
            Key Original: JRASERVER-76977 New: JSWSERVER-25580
            Affects Version/s Original: 9.12.2 [ 106456 ]
            Affects Version/s New: 9.12.2 [ 106455 ]
            Project Original: Jira Data Center [ 10240 ] New: Jira Software Data Center [ 12200 ]
            Yash Pawar made changes -
            Priority Original: Low [ 4 ] New: High [ 2 ]

              Unassigned Unassigned
              2b8a2d42df1b Yash Pawar
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated: