Create Issue: Instruction text not associated with form field

XMLWordPrintable

    • 9.08
    • Severity 3 - Minor

      Issue Summary

      The instruction text associated with "Issue" and "Epic link" combobox is not associated with the form field.

      Steps to Reproduce

      1. Activate the "Create" button from the header section.
      2. Observe that "Create Issue" modal dialog has appeared on the screen.
      3. Using screen reader navigate to the "Issue" input field.
      4. Ensure that instruction text is not associated with the form field.

      Screenshot

      Actual Results

      The instruction "Begin typing to search for issues to link. If you leave it blank, no link will be made." and "Choose an epic to assign this issue to." are not associated with their respective form fields "Issue" and "Epic link". As a result, screen reader users might miss out important instructions.

      Expected Results

      Apply the following changes:
      • Add "aria-describedby" attribute to the form field.
      • Reference the "id" value of the element used to display the instruction text in the "aria-describedby" attribute.
       
      Code Snippet

      <textarea autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" id="issuelinks-issues-textarea" class="text long-field" wrap="off" style="padding-top: 3px; padding-left: 4px; height: 29px;" aria-labelledby="issuelinks-description"></textarea>
      <div class="description" id="issuelinks-description">Begin typing to search for issues to link.  If you leave it blank, no link will be made.</div>

      Workaround

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

      Environment 

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.3.1
      Chrome - Version 112.0.5615.49 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 16.4 (18615.1.26.11.23)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

        1. image-2023-06-27-13-17-38-143.png
          735 kB
          Varsha Bansode
        2. Screenshot 2025-01-17 at 11.57.10 AM.png
          1010 kB
          Saiman Khan

            Assignee:
            Oleh Dibrov (Inactive)
            Reporter:
            Varsha Bansode (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: