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

Kanban board: Missing label for the input field

    XMLWordPrintable

Details

    Description

      Issue Summary

      The label is not defined programmatically for input fields present in the main content area.

      Steps to Reproduce

      1. Navigate to "Boards" dropdown present in the header section.
      2. Navigate to the "KAN board" option and activate it.
      3. Observe that "Kanban board" page has been appeared on the page.
      4. Navigate to the "Kan-1", "Kan-2", etc. and activate it.
      5. Navigate to and hover on "Edit issue.field.labels" image button and activate it.
      6. Inspect the code and check that there is no label provided. 

      Screenshot

      Actual Results

      There are no label provided to the input field that becomes available on mouse hover on "Severity", "Components", and so on> "Edit issue.field.labels" in the main content area do not have the label associated with them and "title" attribute is not included in their source code either.
      As a result, screen reader users will not understand the purpose of the form fields.

      Expected Results

      Apply the following changes:
      • Provide unique and descriptive label for mentioned form fields using <label> element.
      • Associate the label explicitly with the form field by providing identical value which is unique from other IDs to "for" and "id" attributes of the label and form field respectively.
       
      Alternatively, use either hidden labels or "title" or "aria-label" attribute to convey the purpose of the form fields to screen reader users as well as maintain the presentation.

      Code Snippet

      <textarea aria-label="Enter label" autocomplete="off" role="combobox" aria-autocomplete="list" aria-expanded="false" id="labels-textarea" class="text long-field" wrap="off" style="padding-top: 3px; padding-left: 4px; height: 25px;"></textarea> 

      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 Monterey Version 12.6
      Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 14.1.2 (16611.3.10.1.16)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        1. Screenshot 2024-02-15 at 12.06.49 PM.png
          865 kB
          Rahul Patil
        2. image-2023-04-10-15-46-30-995.png
          886 kB
          Varsha Bansode

        Activity

          People

            b5681d69ff53 Maciej Szarecki
            c3f9a46dc7c4 Varsha Bansode
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: