Quick tip: Avoid using text-size-adjust: none;

gistfile1.md

Quick tip: Avoid using text-size-adjust: none;

text-size-adjust: none has been previously used in order to stop font size adjustment for text on mobile browsers, unfortunately this can lead to some desktop browsers being unable to zoom making it an accessibility concern. A better solution to this would be to specify text-size-adjust: 100% (to inflate text sizes at an exact proportion).

The bad way:

body {
	text-size-adjust: none;
}

The good way:

body {
	text-size-adjust: 100%;
}

This property is not standard and may need to be prefixed to work cross browser.

###Futher Reading [http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/] (http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/) [https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust] (https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust)

@clarehyam
I'm trying to determine if this is an article more about how to avoid a webkit bug over creating something accessible (It's kind of 50/50 here). Vendor prefixes are on their way out as we speak which is why I say this.

Is there a way we can make this sound more like a best practice over how to avoid a bug? What do you think @davatron5000

Cheers 🍻

@grayghostvisuals, Thank you so much for your comments :)

I've tried re-wording to make it a bit more like a best practice than addressing a specific bug and removed prefix references, but would really appreciate your thoughts.

@clarehyman
I didn't catch that last line until this second round about it not being a standard. That part ruffles my feathers a bit because it is in fact vendor specific and not standardized. What part of the spec is this at currently? Do u think it will become a standard?

@grayghostvisuals only added that in 2nd revision because I'd took out the prefix - so the code sample wouldn't work in any situation (and thought that should be clear). I can take it out? Unsure if it will ever become standardised. Apologies, I don't have any visibility on this. This was the link where I got the info from: https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust.

Only picked this topic as was in the list of suggested posts and thought I could quickly summarise the issue although if not useful or I've misunderstood the purpose please don't worry I can close this and leave to someone else.

I think there's something still here to use for sure so it's not useless by any means. If you can keep this link up we'll come back to it. Thanks for submitting and lending a hand.

Sure no problem, hope it is of use to someone :)