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

Business Services/Create Objects : List or list item is not marked up properly.

    XMLWordPrintable

Details

    Description

      Issue Summary

      List mark-up is used incorrectly for the Object schema list items, creating confusion for screen reader users as it announces as two different lists.

      Elements:

      • Configure
      • Copy
      • Create

      Tested URL

      https://instenv-21072-japp.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=3&typeId=43&objectId=201 

      Steps to Reproduce

      1. Launch the URL
      2. In the Insights section, in the main content area, keep the screen reader on navigate to the Object schema menu button.
      3. Navigate into the list of options available in the menu such as "Copy", "Create" and "Copy" links.

      Actual Results

      The "Copy", "Create" and "Copy" links for the "object schema" menu button in the main content area are marked up using ordered list mark-up instead of unordered list mark-up. They are announced as two different lists to the screen reader users. As result, screen reader users find it difficult to understand the information effectively.

      Expected Results

      List mark-up enables screen reader users to identify the number of list items. On the basis of the appropriate list mark-up, the screen reader announces the beginning and end of a list. This helps users in interpreting the information effectively.
      A sighted user can understand the relationship between the textual information on the basis of its visual presentation, such as indentation. However, a screen reader relies on appropriate mark-up, such as <li>, <ul> and <ol> to interpret related information effectively. 

      Mark-up the mentioned content using unordered list element in a single <div> element. The list should be of 1 unordered list.

      Refer to the following code.
       Code snippet:
       

      <div class="aui-dropdown2-section"> <ul> <li><ahref="InsightConfigure.jspa?id=3"class="js-objectschema-action-configure aui-icon-container" tabindex="-1"><spanclass="aui-icon aui-icon-small aui-iconfont-configure"></span> Configure</a> </li> <li><ahref="#"class="js-objectschema-action-copy aui-icon-container"tabindex="-1"><span class="aui-icon aui-icon-small aui-iconfont-devtools-checkout"></span> Copy</a></li> <li><aclass="js-objectschema-action-create aui-icon-container"tabindex="-1"><span class="aui-icon aui-icon-small aui-iconfont-add"></span> Create</a></li> </ul> </div>

       

      Screenshot

       

      Workaround

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

      Bug Ref: 748625

      Bulldog Ref: JSMDC-12811

      Attachments

        Issue Links

          Activity

            People

              a504d30b4d3f Roman Litvishko (Inactive)
              12b69dcabe29 Matthew Brennan
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Backbone Issue Sync