WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Robert Fentress
Date: Jun 17, 2015 8:05AM

Thanks for the responses, everyone. I've been on vacation and just now got
back in the office. I hadn't considered the issue of breakpoints with page
zooming; I just assumed they wouldn't be triggered, but I guess I hadn't
thought about it enough. So, would it be fair to say that if you created a
responsive design with px units carefully with appropriate breakpoints, it
would be okay?

Best,
Rob

On Mon, Jun 8, 2015 at 4:26 AM, Frances de Waal < <EMAIL REMOVED> >
wrote:

> If the media-queries are set in px units, the layout will respond to the
> viewport width. In a default browser setting the complete layout will scale
> when zooming. A responsive layout with media-queries set in px will respond
> to the combination of both viewport width and zoom factor.
>
> If the user changed the browser settings so that only the text will scale
> when zooming, the layout will only respond to the viewport width and not to
> the zoom factor. If the media-queries are set in em units though, the
> layout will also respond to the zoom factor.
>
> Frances de Waal
> www.waalweb.nl
> classroom.w3devcampus.com/
>
>
> > Op 8 jun. 2015, om 10:01 heeft _mallory < <EMAIL REMOVED> > het
> volgende geschreven:
> >
> > On Sun, Jun 07, 2015 at 03:40:56PM +0100, Patrick H. Lauke wrote:
> >> On 07/06/2015 13:35, Karl Groves wrote:
> >>> Whitney,
> >>>
> >>> That's due to the move toward rem units. When a site is built using
> >>> rem units the breakpoints can be triggered when the page is zoomed.
> >>
> >> Actually, nothing to do with rem units. When zooming in desktop
> >> browsers, the internal representation of the viewport changes
> >> accordingly (so say an 800px wide window zoomed to 200% has an
> >> effective viewport of 400px), so triggers different @media viewport
> >> sizes. Unless I'm misunderstanding the original question...
> >
> > I first saw this in opera (presto), before rem existed. But I don't
> believe I
> > see it in all browsers today.
> >
> > _mallory
> > > > > > > > >
> > > > >



--
Robert Fentress
Senior Accessibility Solutions Designer
540.231.1255

Technology-enhanced Learning & Online Strategies
Assistive Technologies
1180 Torgersen Hall
620 Drillfield Drive (0434)
Blacksburg, Virginia 24061