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

Share Results Modal : Role and ARIA attributes not defined for the combobox

XMLWordPrintable

      Issue Summary

      Role "combobox" and "listbox" not defined for the "Send by email" combobox. Similarly ARIA attributes such as "aria-expanded", "aria-controls", etc. not defined.

      Tested URL

      https://instenv-5971-nizh.instenv.atl-test.space/secure/insight/search?criteria=Name%20LIKE%20%22iPhone%22%20&filter=1&schema=3

      Steps to Reproduce

      1. Open the "Home page" and navigate to "Assets" option and activate it presnet in the header.
      2. Navigate to "Search Object" and activate it.
      3. Navigate to "Name LIKE "John Smith" search input field.
      4. Type "Key = SAP 114" and press "Enter/return" key.
      5. Navigate to "Share" image button and activate it.
      6. Select "Admin Admin" option from "Share by email" field.
      7. Navigate to reflected text "Admin Admin" and on hover "Delete" image button will be displayed.

      Actual Results

      The roles such as "combobox", "listbox" and ARIA attributes such as "aria-expanded", "aria-controls", "aria-haspopup", "aria-labrlledby", etc. not defined to the "Share by email" and options form fields. As a result, screen reader users will not be able to access the functionality of the mentioned element effectively.

      Expected Results

      Apply the following changes:

      • Provide role "combobox" to <div> element containing "Share by email" form field.
      • Provide the <label> element as "Share by email" and reference "for" and "id" attributes.
      • Provide " aria-controls", "aria-expanded", "aria-haspopup", "aria-labelledby" attibutes to the <div> element of "Share by email".
      • Provide role "listbox" and "id" attribute with unique values to the <div> element containing options such as "Admin Admin", "Alana Grant", etc.
      • Reference the value of aria-controls and id attribute of <div> element containing options such as "Admin Admin", "Alana Grant", etc.
      • Set the value of aria-expanded as "true" when it is expanded state and should be change on user interaction.
      • Provide aria-haspopup="listbox".
      • Reference the value of <label> element to "aria-labelledby".

      Screenshot

      Workaround

      Not available

      Bug Ref: 746354

      Bulldog Ref:

        1. Screenshot 2022-11-18 at 6.00.40 PM.png
          Screenshot 2022-11-18 at 6.00.40 PM.png
          611 kB
        2. image-2022-11-18-18-53-41-510.png
          image-2022-11-18-18-53-41-510.png
          660 kB

          Form Name

            [JSDSERVER-11504] Share Results Modal : Role and ARIA attributes not defined for the combobox

            Olena Lymar added a comment -

            Discussed with QA team and decided that the ticket can be closed, since it duplicates this ticket: JSDSERVER-11370

            Olena Lymar added a comment - Discussed with QA team and decided that the ticket can be closed, since it duplicates this ticket: JSDSERVER-11370

              aee694511cd1 Olena Lymar
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: