Header: Input field Label announces repeatedly

XMLWordPrintable

    • 10.03
    • Severity 3 - Minor

      Issue Summary

      The "Search..." input field's label announces repeatedly for each character entry into the input field. 

      Steps to Reproduce

      1. Open the "Home" page.
      2. Using screen reader, navigate onto the "Search ( Type ’/’ )" input field and type one or more characters.
      3. Listen the announcement.
      4. Observe that the label and along with the typed value announces each time inappropriately.  

      Screen Recording

      Screen Recording 2025-01-17 at 2.07.23 PM.mov

      Actual Result

      When one or more characters enters into the "Search ( Type ’/’ )" input field with a screen reader, the label and entered value announces each time inappropriately. This is because, the live region attribute aria-live="polite" is defined on the <input> element unnecessarily. As a result, screen reader users have to listen the information unnecessarily.

      Expected Result

      Make sure that the aria live region properties are used appropriately. In this scenario, we would recommend you to remove the aria-live="polite" attribute from the <input> element.

      Code Snippet

      <input id="quickSearchInput" role="searchbox" autocomplete="off" class="search" type="text" title="Search ( Type '/' )" placeholder="Search" name="searchString" accesskey="q"> 

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOs SEQUOIA 15.2
      Chrome - Version 132.0.6834.84 (Official Build) (64-bit)
      Firefox- Version 128.6.0esr (64-bit)
      Safari- Version - 18.2 (206220.1.16.11.8)
      JAWS- Version 2023
      NVDA- Version 2023.2
      Voiceover - Version Latest

              Assignee:
              Serhii Panchenko
              Reporter:
              Malleswara Rao Konthala
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: