WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Any official clarification on Text-only zoom and RWD?

for

From: Patrick H. Lauke
Date: Mar 2, 2016 2:14PM

On 02/03/2016 18:46, Jonathan Avila wrote:
>
> [Alastair] Not if it is actually RWD approach, which should use
> percentages for widths. To quote the original RWD article: "Fluid
> grids, flexible images, and media queries are the three technical
> ingredients for responsive web design."
>
> [Jonathan] Perhaps if it is only using percentages -- but I also
> worry about overflow hidden, etc. -- but perhaps that's not allowed
> under true RWD?

This would be a case where a developer didn't understand the concept of
RWD and just designed to very specific known sizes, ignoring the fluid
part that would guarantee that other sizes in between hard breakpoints
are all catered for. Undoubtably those devs are out there (the "I only
care about iPhones and their specific widths" crowd), but I've not come
across any such issues with overflow:hidden in the wild so far.

> [jda] I respectfully disagree, the text is larger in the zoomed view
> in your screen shots. That's because the text is scaling and the
> innerWidth property is changing and thus the content enlarges at a
> greater rate with zoom and that is my point -- that if something like
> an overflow hidden was present it might only rear it's head when zoom
> was used rather than simply resizing the window.

Do you have an actual example of a site that does use overflow:hidden
and it causes problems? Because, just like Alastair, I can't quite see
what your issue is here.

> [Alastair] Yes, the device pixel ratio is different due to zoom
> level, but the layout and proportions are the same. If you are
> testing by changing browser width, that is equivalent to testing with
> zoom.
>
> [jda] See above -- there is a difference IMO because with zoom the
> text enlarges faster than with the change of just with width of the
> window inner width change.

I can't understand your use of "faster" here. Given a starting width of
x and a pixel ratio of 1 in my browser, if I full-page zoom to 200%, the
reported inner width of the browser will be x/2 and the pixel ratio will
be 2; if instead I leave the zoom alone at 100% but resize the window to
half its width, the new width will also be x/2 and pixel ratio will be
one...which is means it's showing exactly the same content, in exactly
the same proportions.

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