[$50] Font updates for accessibility

[jmgasper]

Beta tester report

The comment font can be hard to read for a vision impaired user. The background and the font kind of blends to getter. The font should be larger.

Topcoder requirement

Accessibility usually refers to good contrast and easy to read font size. In our case, for reply section:

• Contrast: It is AA friendly as it passes the test but I also noticed is not that easy to read the reply comment due to font color and background color
• Font size: The minimum recommended font size to be easy to read is 16px and we use 14px now for the reply (only the main quote is 16px)

We can be more AA friendly for the impaired users if we do these updates:

• for contrast: all grey fonts that are #555555 everywhere (regular text) should be darker #2A2A2A and the reply background color (and all gray rectangles containers from all pages) to be lighter #F8F8F8
• for size: increase the font size for the text in the reply sections to 16px

I did a quick test to see how it looks and you can see here the version before and after updates: https://marvelapp.com/prototype/14aicei9/screen/78206277

[jmgasper]

Challenge https://www.topcoder.com/challenges/b171a5ac-cd2d-4280-b6ce-a69b6decb114 has been created for this ticket.

This is an automated message for ghostar via Topcoder X

[jmgasper]

Challenge https://www.topcoder.com/challenges/b171a5ac-cd2d-4280-b6ce-a69b6decb114 has been assigned to obog.

This is an automated message for ghostar via Topcoder X

[atelomycterus]

@jmgasper Please apply PR-topcoder-platform/forums-theme#45. Thanks!

Testing

Please clear browser cache before testing.
Font color - #2A2A2A , Font Size - 16, The reply background color - #F8F8F8:

Font color - #2A2A2A , all gray rectangles containers from all pages - #F8F8F8

[jmgasper]

Payment task has been updated: https://www.topcoder.com/challenges/b171a5ac-cd2d-4280-b6ce-a69b6decb114
Payments Complete
Winner: obog
Copilot: ghostar
Challenge b171a5ac-cd2d-4280-b6ce-a69b6decb114 has been paid and closed.

This is an automated message for ghostar via Topcoder X

[sdgun]

Verified in Dev.