WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Browser zooming sufficient for WCAG 1.4.4 (resize text)


From: Patrick H. Lauke
Date: Jun 29, 2015 9:00AM

On 29/06/2015 15:40, Patrick H. Lauke wrote:
> To give this a concrete example, using Chrome in Windows, visiting
> www.paciellogroup.com (which uses Bootstrap's default breakpoints). If
> you visit with a browser width of 780px at 200%, you see the same as if
> you visited at 390px width at 100%. There is no mismatch between what
> the browser thinks is the breakpoint, and what the font size is. See
> http://i.imgur.com/shGIrJU.png

For completeness, let me explain a bit more what the image above
actually shows:

- three browser windows side by side (all Google Chrome, all showing
www.paciellogroup.com): at 780px width with 100% default font size, at
780px with 200% zoom, and at 390px width with 100% default font size again
- standard bootstrap has a breakpoint at around 768px, switching from
small-screen view to desktop view
- both the 780px at 200% zoom and the 390px at 100% zoom views are
identical (barring a few tiny differences attributable to number
rounding issues) in what they show - both have triggered the
small-screen view, and in both cases the text has the same proportion
compared to the overall viewport and the other elements within the page
- yes, of course visually the 780px/200% zoom view is "bigger", but
EVERYTHING is bigger, and in exactly the same proportion as the
390px/100% view. there is no mismatch between what the font size is and
what the rest of the page's layout is.

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