-
Bug
-
Resolution: Fixed
-
Low
-
4.22.3
-
Severity 2 - Major
-
Issue Summary
Missing "alt" attribute for decorative image for the images for the Objects such as "Billing Services", "Email service", etc. in the Object schema page.
Steps to Reproduce
- Launch the URL
- In the Object Schema page, keep the screen reader navigating to the image beside the "Business services" Object Names such as "Billing Services", "Email service", etc.
Actual Results
The "alt" attribute is missing in the source code of the decorative image for the Objects titles such as "Billing Services", "Email service", etc. in the Object Name section for the Object schema page in the main content area. The image is announced inappropriately to the screen reader user, which makes confusion for the screen reader users.
An ‘alt’ attribute is a required attribute for the "img" element as per W3C specifications. In the absence of the ‘alt’ attribute, the HTML validator will generate an error. Decorative images are images that provide no information. They enhance the look and feel of a website.
Expected Results
Provide alternate text for all the images using the "alt" attribute. Ensure that the alternate text is descriptive of the image's purpose. If the image is decorative, specify empty "alt" attribute (alt = "") as given below:
<img src="https://instenv-21072-japp.instenv.internal.atlassian.com/rest/insight/1.0/objecttype/43/icon.png?size=48&uuid=f929c707-bcbf-4dee-b4bd-42d2a117c546" style="max-width: 48px; max-height: 48px;" alt="">
Screen readers provide information about all the images on the web page whether any alternate text is specified or not. Empty ‘alt’ attribute of a decorative image enables the screen reader to skip the image.
Screenshot
Screen Recording
Screen Recording 2022-06-02 at 12.34.08 AM.mov
Workaround
Currently, there is no known workaround for this behaviour. A workaround will be added here when available.
Bug Ref: 747764
Bulldog Ref: JSMDC-12765
- is blocked by
-
JSMDC-12765 You do not have permission to view this issue
