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

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

            Jim Alexander added a comment - - edited

            The redundant aria-label look to have already been removed. That being said, (some) screen readers still do read placeholder text. 

            Disabling the placeholder text from screen readers might be an anti pattern for these types on inputs (search fields)

            Do we want to make this as resolved?

            beeebe6f29a3 

            Jim Alexander added a comment - - edited The redundant aria-label look to have already been removed. That being said, (some) screen readers still do read placeholder text.  Disabling the placeholder text from screen readers might be an anti pattern for these types on inputs (search fields) Do we want to make this as resolved? beeebe6f29a3  

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

                Created:
                Updated:
                Resolved: