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

Find an issue : Instruction message present for input field is not programmatically associated

XMLWordPrintable

    Issue Summary

    the instruction message present for “Filter Name ” field i.e “Enter a name for this filter” is not programmatically associated with its input field.

    Note: A similar issue has been observed on the header region in the "Help us improve Jira" modal dialog for the "Summary" input field. Please refer to screenshot 2. - this part is split off to JRASERVER-75214

    Steps to Reproduce

    1. Navigate to “Projects” menu pop-up link and activate it.
    2. Navigate to “View all project” link and activate it
    3. Navigate to "kanban" link present in data table and activate it.
    4. Navigate to "View all issues and filter" link and activate it.
    5. Navigate to the “Save as” button and activate it.
    6. Observe modal dialog gets added on the page.
    7. Navigate to the “Filter Name” field and observe instruction text is present just below the field but not announced by screen reader software.

    Actual Result

    While navigating to the "Filter Name” input 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 input field should be announce 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 1

    Code snippet

    <input aria-describedby="error" type="text" id="filterName" name="name" class="text long-field"> 
    <div id="error" class="description">Enter a name for this Filter</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

            Unassigned Unassigned
            c1baca6cb430 Sameer Shaikh (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: