Closed Bug 1351821 Opened 3 years ago Closed 3 years ago

Text in the translation textarea has poor contrast

Categories

(Webtools :: Pontoon, enhancement, P2)

enhancement

Tracking

(Not tracked)

RESOLVED FIXED

People

(Reporter: dr.khaled.hosny, Unassigned, Mentored)

References

Details

I find myself making much much more typos when typing in Pontoon than elsewhere. I think the poor contrast of the text in the translation textarea is contributing to this (in addition to bug 1351813). Overriding the color to be black instead of the grayish text it has now seems to improve the text readability for me. (Even this very text I’m typing in suffers from this, but I don’t do much editing in bugzilla to be as affected).
Interestingly, most websites actually use a dark shade of grey instead of black (#000) on white background to improve readability of the text. ;)

Still, Pontoon uses a relatively light shade of dark grey (#444), so we should go with e.g. #333 or #222 instead. I also think fixing bug 1351813 will have a bigger impact on readability than this.
Mentor: m
Depends on: 1351813
Priority: -- → P2
Khaled, what are your thoughts on the proposed improvement deployed to stage?
https://mozilla-pontoon-staging.herokuapp.com/ar/engagement/snippets/2017/may2017_b.lang/

For reference, this is the current state:
https://pontoon.mozilla.org/ar/engagement/snippets/2017/may2017_b.lang/
Flags: needinfo?(khaledhosny)
Status: NEW → RESOLVED
Closed: 3 years ago
Resolution: --- → FIXED
It is hard indeed to tell if the improvement is due to text size or color change, but if I manually revert to the old color the text becomes a little bit blurry. So I think it is an overall improvement. Thanks.
Flags: needinfo?(khaledhosny)
You need to log in before you can comment on or make changes to this bug.