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

Business Services/Create Objects : Interactive images as a button have missing both a role and a label.

    XMLWordPrintable

Description

    Issue Summary

    The images for Print and QR code scan are missing both a role and an accessible name/label.

    Tested URL

    https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/ObjectSchema.jspa?id=2&typeId=22&objectId=184 

    Steps to Reproduce

    1. Launch the URL
    2. In the Insights section navigate to the Business services section having images of "Print" and "Scan QR code".

    Screenshot

    Actual Results

    In the Business service section, the images which have the functionality associated with "Print" and "Scan QR code" have missing roles and labels. When a user interacts with the images they open a modal. The image acts as a button but has no role associated with it. Additionally, there is no label associated with it, hence it is announced "unlabelled" for the screen reader.

    Expected Results

    The following thing can be implemented to make the images more accessible.

    • Add role="button" to the image, as it will help the assistive technology to identify the element as a button.
    • Add an aria-label="Print" or "Scan QR code" to the image.
    • Add an empty alt attribute to the image.

    Workaround

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

    Bug Ref: 748636

    Bulldog Ref: JSMDC-12820

    Attachments

      Issue Links

        Activity

          People

            Unassigned Unassigned
            12b69dcabe29 Matthew Brennan
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved:

              Backbone Issue Sync