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

Create object modal Filter: Object type Combobox is missing appropriate roles and/or attributes

XMLWordPrintable

      Issue Summary

      The "Object type" element appears and functions like a Combobox but is missing the required ARIA role(s) and/or attribute(s).

      Steps to Reproduce

      1. Launch the URL
      2. In the header section Navigate to "Insights" and activate the link.
      3. Select the "Search objects" link from the insights menu.
      4. In the left navigation panel, activate the "Create object" button.
      5. A modal will appear for "Create Object", Navigate to the "Object type" Combobox keeping the screen reader on.

      Actual Results

      In the Create new object modal, the modal contains a autocomplete Combobox for the "Object type" input field. These particular elements have some of the Labels and Roles missing. The screen reader announces it as "Edit text", which does not inform the functionality or the label associated with it. However, for custom components, this information needs to be made available for assistive technologies, so users can interact with the custom components effectively.

      Additionally, the explicit association is missing between the label and the input field for the "for" and "id" attributes.

      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 "Object type, select an object type from the list of items". This will help the assistive technology user to understand the relation between the label and the dropdown menu.
      • Ensure the label and the input field are explicitly associated with each other with "for" and "id" attributes.
      • A working example for accessible Autocomplete Combobox could be found at:https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-autocomplete-both.html 

      Screenshot

      Screen Recording

      Screen Recording 2022-05-25 at 11.18.13 AM.mov

      Workaround

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

      Bug Ref: 746024

      Bulldog Ref:

        1. Screen Recording 2022-05-25 at 11.18.13 AM.mov
          7.09 MB
        2. Screen Recording 2023-04-20 at 4.55.24 PM.mov
          13.67 MB
        3. Screenshot 2022-05-25 at 11.19.09 AM.png
          Screenshot 2022-05-25 at 11.19.09 AM.png
          778 kB
        4. Screenshot 2023-03-14 at 12.12.59.png
          Screenshot 2023-03-14 at 12.12.59.png
          691 kB

            [JSDSERVER-11457] Create object modal Filter: Object type Combobox is missing appropriate roles and/or attributes

            Yufei Zuo made changes -
            Remote Link Original: This issue links to "Page (Confluence)" [ 778084 ]
            Yufei Zuo made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 778084 ]
            Satej Mirpagar made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
            Yufei Zuo made changes -
            Remote Link Original: This issue links to "Page (Confluence)" [ 762242 ]
            Yufei Zuo made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 762242 ]
            Andrew Bui made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 760934 ]
            Matthew Brennan made changes -
            Labels Original: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-verified ax-vpat-critical New: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-critical ax-critical-priority ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-verified ax-vpat-critical
            Matthew Brennan made changes -
            Labels Original: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa-verified ax-vpat-critical New: 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-verified ax-vpat-critical
            Yurii Travenko (Inactive) made changes -
            Status Original: In Review [ 10051 ] New: Waiting for Release [ 12075 ]
            Yurii Travenko (Inactive) made changes -
            Fix Version/s New: 5.9.0 [ 104928 ]

              36a811bdd856 Yurii Travenko (Inactive)
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: