WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Alastair Campbell
Date: Mar 2, 2016 4:01PM

> [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?
>>
>
I don't think it is a problem under zoom. If you're zooming by increasing
pixel size and maintaining proportions, the only way overflow would be an
issue is if you *also* increase text size.



> [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.
>>
>
[AC] I think you're seeing an artifact of your browser re-sizing the image
for you. One of the images is MASSIVELY bigger than the other, but I'm
guessing your browser re-sized the image to fit within the window?

Let me try again, two windows on the same screen:
https://alastairc.ac/tmp/alastairc-zoom-example.png

You can repeat this, I set it up so that:
- The left window is 2/3rds of the width of the 1280 screen (853px wide),
and zoomed in 200%.
- The right window is 1/3rd of the screen (427px wide).
- I checked the innerHeight of the left window (355px high), and matched
that on the right.

Note that the reported inner width and height on both windows is
*identical*.

The content is bigger on the left (obviously, it is zoomed), but the
proportions are identical, because the CSS sizes are identical.

-Alastair