Last modified: 2013-12-02 19:25:07 UTC

Wikimedia Bugzilla is closed!

Wikimedia migrated from Bugzilla to Phabricator. Bug reports are handled in Wikimedia Phabricator.
This static website is read-only and for historical purposes. It is not possible to log in and except for displaying bug reports and their history, links might be broken. See T59849, the corresponding Phabricator task for complete and up-to-date bug report information.
Bug 57849 - Using background-color without setting color is not OK
Using background-color without setting color is not OK
Status: RESOLVED FIXED
Product: MediaWiki extensions
Classification: Unclassified
Collection (Other open bugs)
master
All All
: Normal normal (vote)
: ---
Assigned To: Nick White
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2013-12-02 17:06 UTC by Nick White
Modified: 2013-12-02 19:25 UTC (History)
3 users (show)

See Also:
Web browser: ---
Mobile Platform: ---
Assignee Huggle Beta Tester: ---


Attachments
Screenshot of unreadable font color when using erudite skin (70.24 KB, image/png)
2013-12-02 17:06 UTC, Nick White
Details
Patch specifying standard font colors for places that background-color is set (1.28 KB, patch)
2013-12-02 17:18 UTC, Nick White
Details
Patch removing background-color declarations (1.24 KB, patch)
2013-12-02 17:23 UTC, Nick White
Details

Description Nick White 2013-12-02 17:06:13 UTC
Created attachment 13953 [details]
Screenshot of unreadable font color when using erudite skin

There are several places in the CSS where background-color is set, without setting the text color. If the text color is set to something other than the default, whether because the user is visually impaired, or because they are using a different skin, it can then be unreadable.

This is the case for example when using the extension with the Erudite skin (see attached screenshot), because the default text colour for the message area is very light (as the background is expected to be dark grey).

The solution is either to remove the background-color settings, or explicitly add the color for the text (and links), if you're sure you want them. I'll attach a patch for both options in a moment.
Comment 1 Nick White 2013-12-02 17:18:08 UTC
Created attachment 13954 [details]
Patch specifying standard font colors for places that background-color is set

This is a patch that specifies the standard font colors where the background-color is set.

This isn't my prefered solution, but it improves on the current situation.
Comment 2 Nick White 2013-12-02 17:23:55 UTC
Created attachment 13955 [details]
Patch removing background-color declarations

This patch just removes all background-color declarations from the CSS.

I prefer this option, as it ensures that whatever color scheme is chosen (whether for accessibility or other reasons) it is respected. The disadvantage is that the boxes marked out by the background-color are potentially less clearly delineated.
Comment 3 Marcin Cieślak 2013-12-02 18:17:22 UTC
Thanks Nick, I have submitted the second patch as the Gerrit change #98549.
Comment 4 Gerrit Notification Bot 2013-12-02 18:38:58 UTC
Change 98549 had a related patch set uploaded by Bartosz Dziewoński:
Remove background-color statements from CSS

https://gerrit.wikimedia.org/r/98549
Comment 5 Gerrit Notification Bot 2013-12-02 18:40:10 UTC
Change 98549 merged by jenkins-bot:
Remove background-color statements from CSS

https://gerrit.wikimedia.org/r/98549
Comment 6 Marcin Cieślak 2013-12-02 18:43:25 UTC
I just tested it on my installation and I think it looks even better without background colours!
Comment 7 Nick White 2013-12-02 19:25:07 UTC
Great, thanks folks, I'm very happy about this! :)

Note You need to log in before you can comment on or make changes to this bug.


Navigation
Links