Help Center - view request: Inappropriate label for form field

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      Inappropriate label "Share popup input" is provide the form field in the non-modal dialog (that becomes available on activating "Share" button) on the page.

      Steps to Reproduce

      1. Open the "Help Center - view request" page.
      2. Navigate to the main content.
      3. Using screen reader, navigate to the "Share" button and activate it.
      4. A non-modal dialog appears on the page.
      5. Using screen reader, navigate to the mentioned form field.
      6. Listen that form field labels are inappropriate.

      Screenshot

      Actual Results

      Incomplete label "Share popup input" is specified for the form field in "Share this request" non-modal dialog.
      As a result, screen reader users might not understand the purpose of the form field effectively.

      Expected Results

      Provide the appropriate label as ""Share popup" for the mentioned form field. To achieve this, update the value of aria-label attribute in the input field.
      Code Snippet
      <input class="" autocapitalize="none" autocomplete="off" autocorrect="off" id="react-select-3-input" spellcheck="false" tabindex="0" type="text" aria-autocomplete="list" aria-expanded="false" aria-haspopup="true" aria-label="Share popup" role="combobox" aria-describedby="react-select-3-placeholder" value="" style="color: inherit; background: 0px center; opacity: 1; width: 100%; grid-area: 1 / 2 / auto / auto; font: inherit; min-width: 2px; border: 0px; margin: 0px; outline: 0px; padding: 0px;">

      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 Monterey Version 12.3.1
      Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.3 (17612.4.9.1.5)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Rinku Kumar
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: