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.

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Patrick H. Lauke
Sent: Friday, February 3, 2017 7:33 AM
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] accessibility for low vision!

On 03/02/2017 13:13, Oscar DeLong wrote:
> I actually just came across a website that had the container set to a
> specified width and when it went full screen the text was tiny and the
> whole thing was forced to the side of the screen.

Note I was talking about "full-page zoom" (where, if you
CTRL+"+"/CTRL+"-", or use the browser's zoom controls, *everything* gets
zoomed - text, images, borders - rather than just text getting resized).

P
--
Patrick H. Lauke

www.splintered.co.uk | https://github.com/patrickhlauke
http://flickr.com/photos/redux/ | http://redux.deviantart.com
twitter: @patrick_h_lauke | skype: patrick_h_lauke