-
Bug
-
Resolution: Fixed
-
Low
-
4.22.2
-
Severity 2 - Major
-
Issue Summary
The images for Print and QR code scan are missing both a role and an accessible name/label.
Tested URL
Steps to Reproduce
- Launch the URL
- 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
- resolves
-
-
- Closed
-
- is blocked by
-
JSMDC-12820 You do not have permission to view this issue
[JSDSERVER-11443] Business Services/Create Objects : Interactive images as a button have missing both a role and a label.
| Labels | Original: 1.1.1 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 1.1.1 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-critical ax-critical-priority ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
| Labels | Original: 1.1.1 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 1.1.1 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
| Status | Original: Closed [ 6 ] | New: Closed [ 6 ] |
| Fix Version/s | New: 5.2.0 [ 102196 ] |
| Resolution | New: Fixed [ 1 ] | |
| Status | Original: Needs Triage [ 10030 ] | New: Closed [ 6 ] |
| Labels | Original: 1.1.1 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-dev-ready ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-vpat-critical ax-windows-chrome ax-windows-firefox | New: 1.1.1 4.1.2 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-bulldog-bl ax-dev-done ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox |
| Attachment | New: Screen Recording 2022-08-03 at 4.47.33 PM.mov [ 425243 ] |
| Attachment | New: Screenshot 2022-08-03 at 4.53.26 PM.png [ 425242 ] |
| Link |
New:
This issue resolves |
| Resolution | Original: Fixed [ 1 ] | |
| Status | Original: Closed [ 6 ] | New: Needs Triage [ 10030 ] |