[$40]Letter, Word and paragraph spacing for paragraphs on all banner and contentBlock themes

[kkartunov]

Steps to Reproduce

1. Go to https://www.topcoder.com/community/accessibility-testing
2. Check the paragraph for Letter, Word and paragraph spacing
3. Use letter-spacing: 0.12px; for the paragraphs and see the spacing is increasing

Expected Result

• Line height (line spacing) to at least 1.5 times the font size;
• Spacing following paragraphs to at least 2 times the font size;
• Letter spacing (tracking) to at least 0.12 times the font size;
• Word spacing to at least 0.16 times the font size.

Actual Result
The letter, Word and paragraph spacing issue

Device: Desktop/Labtop
Browser: Chrome

WCAG Category: 1. Perceivable
WCAG Level: AA
WCAG Success Criterion: 1.4.12 Text Spacing
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=0bf9d0fe%2Dbdaa%2D4af3%2Dad48%2Dd3fa9f0e20e1&FolderCTID=0x0120005C598A51049FC14CBA882E1AEE168F51&sortField=Modified&isAscending=false&id=%2Fpersonal%2Fmsft%2Dcopilots%5Ftopcodermsft%5Fonmicrosoft%5Fcom%2FDocuments%2F%5BFAST%5D%20Test%20for%20Accessibility%20Series%2Fcodejam%2F7

[kkartunov]

This fix will need to cover all themes for banner and contentBlock components.

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[cwdcwd]

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

This is an automated message for lazybaer via Topcoder X

[Dara-K]

Our regular font size text is 15px so the following should happen:

1. Line height should be minimum 22px ( we now have it at 25px) so I'd say we're good.
2. Space following paragraphs should be 30px.
3. Letter spacing (tracking) for regular text should be 2
4. Word spacing: 2.5

[kkartunov]

@topcoder-platform/topcodercompetitors this open for pickup. Please, PR against qa-accessibility. Follow ticket spec and Dara-K notes. Thanks

[r0hit-gupta]

@kkartunov the attachment link says access denied.

[r0hit-gupta]

@veshu does it require new credentials?

[Dara-K]

You can use these ones:
username: msft-copilots@topcodermsft.onmicrosoft.com
PW:MSFTcopilots!@#$ (