Uploaded image for project: 'Jira Platform Cloud'
  1. Jira Platform Cloud
  2. JRACLOUD-95958

Issue Template: Editable comboboxes are inaccessible to screen readers

XMLWordPrintable

      Issue Summary

      The editable comboboxes, such as "WCAG Success Criteria", "QA Team Labels", and "Labels" are inaccessible for screen reader users.

      Steps to Reproduce

      1. Open the homepage of Jira Cloud.
      2. In the sidebar navigation, navigate to "Spaces", expand it, and open the "Accessibility" space.
      3. In the main content area, navigate to the "List" link and activate it.
      4. In the main content area, navigate to the data table and open any work item.
      5. Navigate to the "Issue/Product Information" tab and activate it.
      6. Using a screen reader, navigate to the "WCAG Success Criteria," "QA Team Labels," and "Labels" comboboxes, then activate the "Edit" button.
      7. Press the Up/Down arrow keys to navigate through the options, and observe that a dialog appears inappropriately, containing a list of buttons related to the respective combobox.
      8. Press the Enter key to select an option.
      9. Observe that focus is lost in the background, and the option is not selected.

      Screen Recording

      https://www.loom.com/share/3d7383c516234dc0908d1fee4ed1a1a9

      Actual Results

      The editable comboboxes, such as "WCAG Success Criteria", "QA Team Labels", and "Labels" are completely inaccessible for screen reader users. This prevents users from entering or selecting an option.

      • When pressing the Up/Down arrow keys after typing a value, the focus exits forms mode and gets lost on the page.
      • When pressing the Tab key, a dialog containing all the labels opens, and the focus becomes trapped inside this dialog.
      • When pressing the Enter/Return key, the focus returns to the combobox, but none of the options are selected.

      As a result, screen reader users are unable to interact with or use the functionality of these comboboxes.

      Expected Results

      Ensure that the comboboxes are fully accessible for screen reader users.

      Apply the following changes:

      • The editable comboboxes, such as "WCAG Success Criteria", "QA Team Labels", and "Labels" must be accessible to screen reader users.
      • Users should be able to:
        • Type into the combobox.
        • Navigate options using the Up/Down arrow keys.
        • Select the focused option using the Enter/Return key.
      • Move focus away from the component using the Tab key without getting trapped.
      • Focus should remain within the combobox until a valid option is selected, and the selection should be confirmed properly.

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOS Sequoia 15.6
      Operations - Windows11
      Chrome - Version 140.0.7339.81 (Official Build) (64-bit)
      Safari- Version 18.6
      JAWS- Version 2023
      NVDA- Version 2025.1.1
      VoiceOver - Version Latest

              Unassigned Unassigned
              deddb3877943 Chirag Goyal
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated: