Issue Summary

Images must have alternate text.

Steps to Reproduce

1. Step 1

Actual Results

Actual results

Expected Results

Fix Information
RULE :
Non-decorative content MUST NOT be inserted using CSS :before and :after pseudo-elements unless there is a way to access the content with CSS turned off.

HOW TO FIX:
Fix this issue by including the content directly in the DOM using HTML.

REFERENCE:
WCAG Technique H64: Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS: https://www.w3.org/TR/WCAG20-TECHS/F87.html

BACKGROUND:
The CSS :before and :after pseudo-elements specify the location of content before and after an element's document tree content. The content property, in conjunction with these pseudo-elements, specifies what is inserted. Users who need to customize or turn off style information in order to view content according to their needs and some screen reader users may not be able to access the information that is inserted using CSS. When content is inserted directly in the page using HTML it is accessible to all users.

Screenshot

Unable to render embedded object: File () not found.

Screen Recording

screen recording

Workaround

workaround

Bug Ref: 744324

Bulldog Ref: JSMDC-12711