Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-12275

Help center: aria-label attribute used incorrectly for the search input field.

XMLWordPrintable

      Issue Summary

      The aria-label attribute is provided to the "search" input field.

      Steps to Reproduce

      1. With screen reader turned on, navigate to the Help portal
      2. Navigate to the search input field present after "What do you need help with ?" label
      3. Observe that the screen reader announce the label as "Search"

      Actual Results

      For the search input field in the Help center portal, the aria-label="Search" is provided unnecessarily. The label associated with the input field i.e. "What do you need help with?" is not announced to the screen reader users. This makes it difficult for the assistive tech user to understand the purpose of the input field.

      Expected Results

      Remove the aria-label="Search" from the <input> element. Ensure the label  "What do you need help with?" is announced correctly to the screen reader user.

      Screenshot

       

      Workaround

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

        1. Screenshot 2023-01-02 at 11.16.45 PM.png
          Screenshot 2023-01-02 at 11.16.45 PM.png
          309 kB

          Form Name

            [JSDSERVER-12275] Help center: aria-label attribute used incorrectly for the search input field.

            Bartosz Ornatowski made changes -
            Priority Original: High [ 2 ] New: Highest [ 1 ]
            Divyanshi made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 912205 ]
            Olena Lymar made changes -
            Fix Version/s New: 5.7.0 [ 104602 ]
            Olena Lymar made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: In Progress [ 3 ] New: Closed [ 6 ]
            Olena Lymar made changes -
            Status Original: Ready for Development [ 10049 ] New: In Progress [ 3 ]
            Oleksandr Stoliar made changes -
            Assignee New: Olena Lymar [ aee694511cd1 ]
            Kelly Ford (Inactive) made changes -
            Labels Original: 2.4.6 AXSR-60 Accessibility Level-AA WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-critical ax-critical-priority ax-customer-escalated ax-dev-ready ax-esc-ssa ax-medium-priority ax-qa ax-qa-prioritised New: 2.4.6 AXSR-60 Accessibility Level-AA WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-critical ax-critical-priority ax-customer-escalated ax-dev-ready ax-esc-ssa ax-qa ax-qa-prioritised
            Rob Sinclair (Inactive) made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 775247 ]
            Oleksandr Stoliar made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 775240 ]
            Martin Ma made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 774408 ]

              aee694511cd1 Olena Lymar
              2b3f463b7e2d Akhilesh Paradhi (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: