Social media icons do not have appropriate labels.

Steps to Reproduce

1. Launch the url https://www.topcoder.com/community/accessibility-testing. 2. Ensure that the screen reader is switched on. 3. Navigate to the social media icons by arrow keys. 4. These are read as 'icon facebook' 'icon twitter' etc.

Expected Result The icons should be read as 'facebook' 'twitter' etc. There should be a visible text for these social media icons.

Actual Result Social media icons do not have visible text associated with them.

Device: Desktop/Labtop Browser: Chrome

WCAG Category: 1. Perceivable WCAG Level: A WCAG Success Criterion: 1.3.1 Info and Relationships Screen Reader Used: N/A Accessibility Audit Tool used: N/A

Attachment https://topcodermsft-my.sharepoint.com/personal/msft-copilots_topcodermsft_onmicrosoft_com/Documents/Forms/All.aspx?cid=d201e9b0-60ca-4f87-97bc-5041dbbfc8f1&FolderCTID=0x0120005C598A51049FC14CBA882E1AEE168F51&id=%2Fpersonal%2Fmsft-copilots_topcodermsft_onmicrosoft_com%2FDocuments%2F[FAST] Test for Accessibility Series%2Fkameshwarid%2Fbug7

Final Submission Guidelines

Upload the updated code to TopCoder