Uploaded image for project: 'Jira Service Management Cloud'
  1. Jira Service Management Cloud
  2. JSDCLOUD-17725

Customer Support Request Forms: Combo boxes inaccessible to screen reader users

XMLWordPrintable

      Issue Summary

      The "What can we help you with?" and "Category" combo boxes are inaccessible to VoiceOver and TalkBack users.

      Test URLs

      mycolorado-general-support

      mycolorado-accessibility-support

      Steps to Reproduce

      1. Open the myColorado Support Request Form on iOS or Android devices.
      2. Enable a screen reader (VoiceOver on iOS or TalkBack on Android).
      3. Navigate to the “What can we help you with?” and “Category” combo boxes.
      4. Double-tap a combo box and swipe right to access the options.
      5. Observe that the combo boxes appear expanded, but screen reader users cannot access any of the options.

      Screen Recording 1

      Combobox issue.mov

      Screen Recording 2

      1759151525380_original-63e857f4-f627-4758-8047-636f365dec43.mp4

      Actual Results

      When using a screen reader (VoiceOver on iOS or TalkBack on Android) to interact with the “What can we help you with?” and “Category” combo boxes, the combo boxes appear visually expanded, but screen reader users cannot access or select any of the available options. As a result, screen reader users are unable to use these combo boxes on mobile devices.

      Expected Results

      Screen reader users should be able to access the combo boxes.

      Apply the following changes:

      • When the screen reader focuses on the “What can we help you with?” or “Category” combo box, it should announce the label, role, and state (e.g., “What can we help you with?, collapsed, combo box”).
      • Activating the combo box (double-tap) should expand the list and announce its expanded state.
      • All available options should be programmatically exposed and announced as the user navigates (swipe gestures on mobile, arrow keys with keyboard).
      • The currently focused option should be announced with its position and selection state (e.g., “Option 2 of 5, not selected”).
      • Selecting an option should announce confirmation and collapse the combo box.
      • Focus should return to the combo box, announcing the selected value (e.g., “Category, Option 3, combo box, collapsed”).
      • Both VoiceOver (iOS) and TalkBack (Android) should provide consistent interaction, announcements, and selection behavior.

      For information on creating accessible select-only combo box refer Select-only Combobox Example

      Workaround

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

      Environment

      iPhone 15 Pro Max
      iOS Version 26.0
      Android Version 14
      Chrome - Version 140.0.7339.207
      Safari- Version 26
      TalkBack
      VoiceOver - Version Latest

        1. 1759151525380_original-63e857f4-f627-4758-8047-636f365dec43.mp4
          5.26 MB
          Anusooya .
        2. Combobox issue.mov
          36.72 MB
          Chirag Goyal

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

                Created:
                Updated: