[$40]Id attribute value must be unique

[kkartunov]

Steps to Reproduce

1. Go to https://www.topcoder.com/community/accessibility-testing
2. Open DevTools (right click -> inspect)
3. In the Elements tab, open the search bar (Cmd+F on Mac)
4. Search for the duplicate ids, using xpath:
   //[@id="tru-style"]
   //[@id="a"]
   //*[@id="b"]

Expected Result
ids should be unique

Actual Result
Notice the respective ids are used in multiple elements

Device: Desktop/Labtop
Browser: Chrome

WCAG Category: 4. Robust
WCAG Level: A
WCAG Success Criterion: 4.1.1 Parsing
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=2521ab22%2D4cea%2D4606%2Da210%2D50280914399c&FolderCTID=0x0120005C598A51049FC14CBA882E1AEE168F51&id=%2Fpersonal%2Fmsft%2Dcopilots%5Ftopcodermsft%5Fonmicrosoft%5Fcom%2FDocuments%2F%5BFAST%5D%20Test%20for%20Accessibility%20Series%2Fyoctocode%2Fbug%202

[kkartunov]

see tru-style duplicates. Those should not be!

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[kkartunov]

@topcoder-platform/topcodercompetitors this is open for pickup. PR against qa-accessibility branch.

[crazyk07]

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

This is an automated message for crazyk via Topcoder X

[ghost]

@kkartunov resolved in

• make id unique (https://github.com/topcoder-platform/community-app/issues/3095) topcoder-react-utils#43
• Fix #3095 - generate unique id for svg #3139

[kkartunov]

@tc-mfikria #3139 (comment)

[sexta13]

this issue is related with this:
#2852
The PR topcoder-platform/topcoder-react-utils#43 solves both

[crazyk07]

This ticket was not processed for payment. If you would like to process it for payment, please reopen it, add the tcx_FixAccepted label, and then close it again

This is an automated message for crazyk via Topcoder X