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

Create issue : Instruction message present for form field is not programmatically associated

    XMLWordPrintable

Details

    Description

      Issue Summary

      the instruction message present for "Epic name", “Reporter”, "Fix version", "labels" and so on fields  is not programmatically associated with its input field.

      Note: This issue is applicable to all the fields which has some kind of instructions below them.

      Steps to Reproduce

      1. Navigate to the “Create” link present in header region and activate it.
      2. Observe modal dialog gets added on the page.
      3. Navigate to the mentioned field and observe instruction text is present just below the field but not announced by screen reader users.

      Actual Result

      While navigating to the mentioned field, the instruction message(which is present just below the input field) is not announced for the screen reader user. As a result, screen reader users will be unaware of what input data is expected if the instruction message not announce by screen reader software.

      Expected Result

      The instruction message present for mentioned form field should be announced by screen reader software for that it should be programmatically associated.

      1. Provide a unique id to the input field which has the instruction message/text.
      2. Provide an aria-describedby attribute to its respective input field and reference the “id” of the input field to it.

      Screenshot

      Code snippet

      <input aria-describedby="instruct" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" class="text aui-ss-field ajs-dirty-warning-exempt" id="reporter-field" type="text" aria-live="polite" data-lpignore="true" aria-controls="reporter-suggestions"> 
      <div id="instruct" class="description">Start typing to get a list of possible matches.</div>

      Workaround

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

      Environment

      MacBook Pro (13-inch, 2020)
      macOs Ventura  13.3.1
      Chrome - Version 108.0.5359.124 (Official Build) (64-bit)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 16.2 (18614.3.7.1.5)
      JAWS- Version 2021
      NVDA- Version 2021.2
      Voiceover - Version Latest

      Attachments

        Issue Links

          Activity

            People

              5aaf0ee3473c Viktor Frunza (Inactive)
              c1baca6cb430 Sameer Shaikh
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: