Twitter | Search | |
Sara Soueidan 🐦
I’ve gotten some constructive, highly appreciated a11y feedback from my blog readers about using vw for font sizes. Basically, don’t.
Reply Retweet Like More
Sara Soueidan 🐦 Jul 3
Replying to @SaraSoueidan
All comments mentioned how it prevented them from resizing the font size & thus made it less accessible. I'm changing it as we speak.
Reply Retweet Like
Oscar Palmér Jul 3
Replying to @SaraSoueidan
it’s not compatible with min/max font-size, is it? Because combining those two might work well. Or what was the reason(s)?
Reply Retweet Like
Oscar Palmér Jul 3
Replying to @SaraSoueidan
ah, of course. Never mind my earlier question. ;)
Reply Retweet Like
Karl Jul 3
Replying to @SaraSoueidan
out of interest what are you changing the measurement unit to instead?
Reply Retweet Like
Sara Soueidan 🐦 Jul 3
Replying to @__karl__
pixels! and em where appropriate :)
Reply Retweet Like
Karl Jul 3
Replying to @SaraSoueidan
thanks! Follow up question: Can you recommend any good web accessibility resources? Would love to learn more! :)
Reply Retweet Like
Sara Soueidan 🐦 Jul 3
Yes! just wrote a book that's available to pre-order. is a great account to follow for links/reads
Reply Retweet Like
Sara Soueidan 🐦 Jul 3
Replying to @__karl__
I'm looking for more resources myself too, but these two are the ones I can currently highly recommend!
Reply Retweet Like
Taylor Hunt Jul 3
Replying to @SaraSoueidan
You can compromise with `calc(Xvw + Yem)`; still scales for the screen, and still gets bigger on zoom!
Reply Retweet Like
Karl Jul 3
Replying to @SaraSoueidan
great! Will check them out. Thanks so much. :)
Reply Retweet Like
Sara Soueidan 🐦 Jul 3
Replying to @tigt_
Yes I was using that for the body font but was using vw only for some headlines. Tweaked them for now.I'm refactoring whole site soon
Reply Retweet Like
Sara Soueidan 🐦 Jul 3
Replying to @__karl__
You're welcome!
Reply Retweet Like
Taylor Hunt Jul 3
Replying to @SaraSoueidan
font-size: Xvw is more or less "engage PDF mode", yeah
Reply Retweet Like
Sara Soueidan 🐦 Jul 3
Replying to @tigt_
That's a nice way to describe it 😃
Reply Retweet Like
jpmelguizo Jul 3
Replying to @SaraSoueidan
what about Michael Riethmuller technique? Font size adjusts, but you still use em or px. Article:
Reply Retweet Like
Sara Soueidan 🐦 Jul 3
Replying to @jpmelguizo
I was using that for some text, it works.
Reply Retweet Like
Mike Riethmuller Jul 3
Replying to @tigt_ @SaraSoueidan
"engage PDF mode" - Love it! I might have to steal it. Thanks!
Reply Retweet Like
Benjamin Read Jul 3
Replying to @SaraSoueidan
thanks so much for passing this along :-)
Reply Retweet Like
Sara Soueidan 🐦 Jul 3
Replying to @muzzlehatch_
Of course! I've gotten an email today about it as well. Feedback like that is always most welcome!
Reply Retweet Like