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.

    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

          [JSDSERVER-11443] Business Services/Create Objects : Interactive images as a button have missing both a role and a label.

          There are no comments yet on this issue.

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

              Created:
              Updated:
              Resolved: