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

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

XMLWordPrintable

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

       

      Steps to Reproduce

      1. In the Insights section, navigate to the main content area in the top section where the dropdown input field for Search objects is present.

      Screen recording

      Screen Recording 2022-05-13 at 5.11.52 PM.mov

      Actual Results

      In the Business Services section for the available Search object dropdown input field, when the screen reader tries to interact with the Combobox, it is announced as "Edit" text. Additionally, the screen reader does not announce the current value of Combobox, drop down item names, or placeholder texts. 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 or Search for Objects ". 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: 748697

      Bulldog Ref: JSMDC-12849

        1. Screen Recording 2022-05-13 at 5.11.52 PM.mov
          15.00 MB

          Form Name

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

            Marc Dacanay made changes -
            Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa ax-windows-chrome ax-windows-firefox ril
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 955464 ]
            Matthew Brennan made changes -
            Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-medium-priority ax-platform-dc ax-qa ax-windows-chrome ax-windows-firefox
            Matthew Brennan made changes -
            Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-platform-dc ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-windows-chrome ax-windows-firefox
            Rahil Shaikh made changes -
            Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-platform-dc ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-platform-dc ax-windows-chrome ax-windows-firefox
            Denys Serhiienko (Inactive) made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 749387 ]
            Denys Serhiienko (Inactive) made changes -
            Status Original: In Review [ 10051 ] New: Ready for Development [ 10049 ]
            Denys Serhiienko (Inactive) made changes -
            Assignee Original: Denys Serhiienko [ dserhiienko ]
            Rahil Shaikh made changes -
            Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-ready ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-macos-safari ax-platform-dc ax-vpat-critical ax-windows-chrome ax-windows-firefox
            Denys Serhiienko (Inactive) made changes -
            Labels Original: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox New: 4.1.2 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-ready ax-vpat-critical ax-windows-chrome ax-windows-firefox

              Unassigned Unassigned
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              3 Start watching this issue

                Created:
                Updated: