Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-75937

Create Issue: Instruction text not associated with form field

    XMLWordPrintable

Details

    Description

      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

      Attachments

        Issue Links

          Activity

            People

              e2606e2cc12b Oleh Dibrov (Inactive)
              c3f9a46dc7c4 Varsha Bansode
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: