WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: accessibility for low vision!

for

From: JP Jamous
Date: Feb 3, 2017 7:42AM

Just one thing to keep in mind when using EM or percentage. 1EM = 16PX, which is 12PT. However, each browser agent translates those numbers differently. I had the pleasure of dealing with this mess a few years back.

Ensure that you find the common ground between the browsers you support and through If statements identify each browser and set the number properly. Example,

If Browser == IE Then
Font-size: 0.98EM;
Else If Browser == Firefox Then
Font-size: 1EM;

You get the point.

The above will ensure that you have liquid pages and they all present visually the proper size. You would have to perform your own testing with multiple browsers to find the sweet spot. That will of course require eye-balling that sucker.