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

Details

    Description

      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:

      Attachments

        Issue Links

          Activity

            People

              36a811bdd856 Yurii Travenko (Inactive)
              12b69dcabe29 Matthew Brennan
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Backbone Issue Sync