Page MenuHomePhabricator

<math> unreadable on high contrast theme
Closed, ResolvedPublic

Description

Author: yless42

Description:
Screenshot of unreadable maths on high contrast theme.

When using a high contrast theme on Windows 7 (and maybe other OSs/versions), designed for visually impaired users, the output from "<math>" tags is almost unreadable. This is on Firefox with "Menu->Tools->Options->Content->Fonts & Colours->Advanced->Allow pages to choose their own colours" disabled (and the same under the "Colours" button above the "Advanced" button, instead opting to use the default OS theme.

The theme in the OS is "High Contrast #1" - a default theme with yellow writing on a black background for better reading. The issue seems to come from the PNGs used to render the maths formulas having transparency and assuming that the background is always white. Attached is a screenshot of how these appear. This seems more serious than normal issues with custom themes given that it is a default theme designed to improve accessibility and instead restricts it.


Version: unspecified
Severity: normal
OS: Windows 7
Platform: PC

Attached:

math.png (346×1 px, 21 KB)

Details

Reference
bz35200

Related Objects

StatusSubtypeAssignedTask
ResolvedNone
ResolvedNone
InvalidNone
ResolvedPhysikerwelt
ResolvedReedy
ResolvedNone
Declined brion
InvalidNone
DeclinedNone
ResolvedNone
Resolved brion
Resolved brion
Resolved brion
ResolvedNone
ResolvedNone
InvalidNone
DeclinedPhysikerwelt
DeclinedPhysikerwelt
DeclinedPhysikerwelt
DeclinedPhysikerwelt
ResolvedNone
InvalidNone
ResolvedNone
ResolvedNone

Event Timeline

bzimport raised the priority of this task from to Low.Nov 22 2014, 12:17 AM
bzimport added projects: Math, Accessibility.
bzimport set Reference to bz35200.

EN.WP.ST47 wrote:

Confirmed on windows 7 with firefox. Not much we can do about it, those PNGs are rendered long before anybody knows what theme you're running, the only option would be to render a second yellow on black image based on preferences (ugh) or force the background to be white (no effect on most users, since it's already on a white background).

Switching the default math rendering to MathJax should help with this; can you test this page?

http://leuksman.com/mw/index.php/Alpha_compositing

EN.WP.ST47 wrote:

Brion, that link looks right in the high contrast theme. I was trying to find the render in browser option in live but it seems to have been (rightfully) killed, is this a new math system?

(In reply to comment #3)

is this a new math system?

http://www.mathjax.org/

You could try to automatically change the background color of the formulae using the script
http://en.wikipedia.org/w/index.php?title=Wikipedia:Sandbox&action=edit&oldid=478966050

which was suggested on enwiki's Village Pump:
http://en.wikipedia.org/w/index.php?title=Wikipedia:Village_pump_(technical)/Archive_97&oldid=481032812#I.27m_a_dark_background_kind-a-guy.3B_I_set_my_browser_to_ANYTHING_but_white_..._so_equations.2C_formulas.2C_practically_anything_notated_at_wiki_appearing_as_clear-backgrounded_image_is_absolutely_unintelligable

(In reply to comment #1)

force the background to be white (no effect on most users, since it's
already on a white background).

I think that would unfix bug 8.

yless42 wrote:

That MathJax system seems to work here too.

physik wrote:

MathML in high contrast

Attached:

HighContrast.png (1×960 px, 143 KB)

physik wrote:

The new MathML rendering mode seems to fix it.

(In reply to physikerwelt from comment #8)

The new MathML rendering mode seems to fix it.

I think it would be a good idea to put a screenshot on http://math-preview.wmflabs.org/wiki/Main_Page#Demos