Closed
Description
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