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

Add comment to issue : ARIA attribute defined inappropriately

XMLWordPrintable

      Issue Summary

      The "aria-label" attribute is defined inappropriately.

      Element name:

      • What do you need help with?

      Location of the element: Edit field, in the "What, do you need help with?" popup, on the "Search knowledge base " button, in the "Related knowledge base articles" heading section, in the main content.

      Steps to Reproduce

      1. Open the JSM homepage.
      2. Navigate to the "Project" link in the header and activate it.
      3. Select any project link and activate it.
      4. Navigate to the main content and activate the present issue links
      5. Navigate to the "Search knowledge base" button and activate it.
      6. Inspect the code for mentioned instance and observe that the aria attribute is defined inappropriately.  

      Actual Results

      The "aria-label" attribute is defined inappropriately for the "What do you need help with ?" input field. The visible label is associated with the input field using "for" and "id" explicitly. The "aria-label" attribute overrides the visible text which confuses the screen reader user.

      Expected Results

      Remove the "aria-label" attribute from the input field's source code. The visible label should be announced with the input field.

      <label for="sd-customer-portal-smart-search-input" class="sd-customer-portal-smart-search-label">What do you need help with?</label>
(...)
<input autocapitalize="off" autocomplete="off" autocorrect="off" class="text sd-smart-search-input js-sd-smart-search-input full-width-field empty" id="sd-customer-portal-smart-search-input" placeholder="Search for an article" spellcheck="false" type="text">

      Screenshot

      Workaround

      Not Available

      Bug Ref: 745973

      Bulldog Ref:

        1. Screenshot 2022-11-15 at 1.59.05 PM.png
          804 kB
          Rahil Shaikh
        2. JSDSERVER-11365-QA.mov
          4.91 MB
          ssuryavanshi

            [JSDSERVER-11365] Add comment to issue : ARIA attribute defined inappropriately

            Matthew Brennan made changes -
            Labels Original: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint3 New: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-critical ax-critical-priority ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint3
            Matthew Brennan made changes -
            Labels Original: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint3 New: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint3
            Satej Mirpagar made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
            Oleksandr Stoliar made changes -
            Sprint Original: JSM Sprint 2, JSM Sprint 3, JSM Sprint 4 [ 7016, 7035, 7042 ] New: JSM Sprint 2, JSM Sprint 3, JSM Sprint 4, JSM Sprint 5 [ 7016, 7035, 7042, 7051 ]
            Oleksandr Stoliar made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 736027 ]
            Oleksandr Stoliar made changes -
            Sprint Original: JSM Sprint 2, JSM Sprint 3 [ 7016, 7035 ] New: JSM Sprint 2, JSM Sprint 3, JSM Sprint 4 [ 7016, 7035, 7042 ]
            Denys Serhiienko (Inactive) made changes -
            Labels Original: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical New: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint3
            Denys Serhiienko (Inactive) made changes -
            Fix Version/s New: 5.7.0 [ 104602 ]
            Denys Serhiienko (Inactive) made changes -
            Status Original: In Review [ 10051 ] New: Waiting for Release [ 12075 ]
            ssuryavanshi (Inactive) made changes -
            Attachment New: JSDSERVER-11365-QA.mov [ 433984 ]

              dserhiienko Denys Serhiienko (Inactive)
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: