sinerider
sinerider copied to clipboard
hackclub
Browser zoom makes graph blurry
Description
If a user struggles to read small text (e.g. has a visual impairment or has dyslexia) then they might user browser zoom to get larger text. When you zoom in (Windows 10, Firefox 112.0.2 (64-bit)) the UI all scales correctly (yay!) except that the graph ends up really blurry.
See video demo: https://www.loom.com/share/ebb4b39a794c4c4eadcbdb30b14dd98d
Screenshots
Additional information
No response
Are you referring to the thickness of the graph line? I'm not sure what you mean by blurry.
This is the difference - it's like the graph has been rendered to a lower resolution.
| Zoom = standard (100%) | Zoom = 250% |
|---|---|
Ah I see what you mean. It looks like the thickness of the line is what changes, the samping of the graph doesn't actually change, so it shouldn't impact gameplay- the samples are just more visible.
It's mainly the legibility of the text on the graph that seems problematic. Good to hear it doesn't affect gameplay.
Oh I didn't notice the text, this is an excellent point. @polytroper any idea why this might be happening?
Weird. Nothing immediately comes to mind, but blurriness aside it is going to be very tricky to manage this relationship since the complex layout of the cartoon-style text makes it very nontrivial to enlarge. I would expect zooming to have no effect on the size of that text, but Iām not totally sure why it makes it blurry.
