4 ms·
As someone with poor vision, I don't want "make everything bigger", and I don't want "make all the text bigger", I want "make the small text bigger". (Or, idea
by mjw1007 4y ago
As someone with poor vision, I don't want "make everything bigger", and I don't want "make all the text bigger", I want "make the small text bigger".
(Or, ideally, "make small text and fiddly diagrams bigger, but leave most images alone", but let's walk before we try to run.)
So maybe "rems for body text, px for headings" is the way to go.
- teg4n_ 4y agoBrowsers typically support a minimum font size setting.
- mjw1007 4y agoThat's not quite the right thing either, alas, because sometimes there's text that's legimately supposed to be "small print" where it's OK if it's hard to read. In practice setting it high tends to go wrong near small buttons. Ideally what I want in an accessibility-settings dialog is "minimum font size that I can comfortably read", and a way for UI authors to say "this is normal body text". Instead what we tend to get is blanket advice like Android's "use sp dimensions for text", which simply scales everything up. iOS's preferredFontFor textStyle stuff seems like the right approach in principle, but they still seem to have the idea that if I want large body text I must also want huge headings (which is terrible, because if I have large body text I also have less space than usual).
- clairity 4y ago> "So maybe 'rems for body text, px for headings' is the way to go." what's probably a little more useful is that headings scale up slower than body text, using different clamp() functions, e.g., https://www.aleksandrhovhannisyan.com/blog/fluid-type-scale-with-css-clamp/ https://www.aleksandrhovhannisyan.com/blog/fluid-type-scale-...