[$20] Social media icons do not have appropriate labels.

[kkartunov]

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

[kkartunov]

@topcoder-platform/topcodercompetitors this is now open for pickup

[Gauravseta]

@kkartunov PR on which branch?

[crazyk07]

Contest https://www.topcoder.com/challenges/30097742 has been created for this ticket.

This is an automated message for crazyk via Topcoder X

[crazyk07]

Contest https://www.topcoder.com/challenges/30097742 has been updated - the new changes has been updated for this ticket.

This is an automated message for crazyk via Topcoder X

[kkartunov]

qa-accessibility thanks @Gauravseta

[crazyk07]

Contest https://www.topcoder.com/challenges/30097742 has been updated - it has been assigned to gauravseta.

This is an automated message for crazyk via Topcoder X

[Gauravseta]

@kkartunov PR #3138

[crazyk07]

Payment task has been updated: https://software.topcoder.com/review/actions/ViewProjectDetails?pid=30097742

This is an automated message for crazyk via Topcoder X

[drasticdpk]

Verified on Windows/Chrome.