Broken elements rendering in Accessibility Compliance page for Ignite UI Angular

[georgianastasov]

Description

The <span class="greencheck"></span class="greencheck"> and <span class="redcheck"></span class="redcheck"> elements in the tables under the Accessibility Compliance page do not render correctly. The <span> tags are broken and result in no visible green tick or red X icons being displayed where they are expected to indicate compliance status.

Steps to reproduce

1. Go to Accessibility Compliance page
2. Scroll down to the tables that display accessibility compliance statuses.
3. Observe the broken <span> elements for both green checkmarks and red Xs in the "Success Criteria" column.

Result

Neither the compliance status symbols (green checkmarks) nor the non-compliance symbols (red Xs) are displaying properly due to broken HTML tags.

Expected result

The page should display green checkmarks for compliance and red Xs for non-compliance in the appropriate table rows, corresponding to accessibility compliance statuses.

Attachments

Here’s the reference line from the related pull request:
#2073