Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-11441

Business Services/Create Objects : Combobox is missing appropriate roles and/or attributes

XMLWordPrintable

      Issue Summary

      The filter element for Business Services appears and functions like a Combobox but is missing the required ARIA role(s) and/or attribute(s).

      Tested URL

      https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=2&typeId=22&mode=object&objectId=184 

      Steps to Reproduce

      1. Launch the URL
      2. In the Insights section, navigate to the main content area where filters for Business Services are present.
      3. Activate the "Filter Search" field
      4. Then it will display Some checkboxes under the "Search" field
      5. and then choose any of them
      6. then will display again some checkboxes and select any of them

      Screen recording

      Screen Recording 2022-05-13 at 11.50.26 AM.mov

      Actual Results

      In the Business Services section for the available search filters, when the screen reader tries to interact with the Combobox, it is announced as a button for the filter "button" and for the search input field as "Edit" text. Additionally, the screen reader does not announce the current value of Combobox, drop down item names, or placeholder texts. The focus does not move into the Combobox when it is active. The focus is received into the options menu after navigating the whole page. This instance will create confusion for the assistive technology user and they would not be able to use the filter element effectively.

      Expected Results

      Few of the following labels and roles could be added to the following elements :

      • A role="combobox" could be added to the <div> element.
      • The dropdown menu should announce the label it is associated with.
      • For this case, when the users focus to enter the Dropdown menu, it should announce content such as "Select a filter for Business Services ". This will help the assistive technology user to understand the relation between the label and the dropdown menu.
      • A working example for accessible Autocomplete Combobox could be found at: https://www.w3.org/TR/wai-aria-practices-1.2/examples/combobox/combobox-autocomplete-list.html

      Workaround

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

      Bug Ref: 748660

      Bulldog Ref: JSMDC-12839

        1. Screen Recording 2022-05-13 at 11.50.26 AM.mov
          36.45 MB
        2. filter1.png
          filter1.png
          710 kB
        3. Screenshot 2022-08-17 at 8.18.07 PM.png
          Screenshot 2022-08-17 at 8.18.07 PM.png
          1.03 MB

          Form Name

            [JSDSERVER-11441] Business Services/Create Objects : Combobox is missing appropriate roles and/or attributes

            No work has yet been logged on this issue.

              a504d30b4d3f Roman Litvishko (Inactive)
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: