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

Filter Results/Search using a query : Unclear functionality of button

    XMLWordPrintable

Details

    Description

      Issue Summary

      The functionality associated with the button is unclear to the user.

      Steps to Reproduce

      1. Open the homepage
      2. Navigate to the "Assets" link and activate it
      3. Navigate to "Search for object" and activate it
      4. Turn On the screen reader and navigate to the "More options" button 

      Actual Results

      When the screen reader focus moves on the “More option” button available in the main content area, the user is not notified if there is a Listbox available. As a result screen reader users won’t be conveyed the change of content. Additionally, the textual description is not provided for the mentioned button.

      Expected Results

      1. Users should be notified about the information that the button would trigger a Listbox This will make sure that the screen reader users are aware that activating this button would open a Listbox To implement this make sure to provide aria-haspopup="true".
      2. Provide descriptive and unique textual description using the "aria-label" attribute to <button> element.
      <button class="ruiButton qa-trigger e2e-trigger ruiButton--subtle ruiButton--iconOnly" aria-haspopup="true" aria-label="More option for Sam">
      <i class="rIcon-options"></i>
      </button>

      Refer the below link for implementation: https://www.w3.org/WAI/ARIA/apg/example-index/menu-button/menu-button-links

      Screenshot

      Workaround

      Not Available

      Bug Ref: 745873

      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