Re: accessibility and browser zoom

http://anet.eroticaplexus.net/Bugs#toc_4

When you zoom in on chrome and picture enabled firefox, it eventually 
shows the 400px image instead of 800px - which is right for phones but 
not right for someone with a visual limitation that needs them to zoom 
in on a web page to make the text readable.

On 03/01/2015 01:47 AM, Yoav Weiss wrote:
> Do you have a test case explaining what you want the browsers to do, and
> what they do instead? That's be the best way to make sure we're all in
> sync :)
>
> On Mar 1, 2015 10:41 AM, "Alice Wonder" <alice@domblogger.net
> <mailto:alice@domblogger.net>> wrote:
>
>     I can't test Safari.
>
>     It does the same thing in Chrome.
>
>     The media query rules for a smaller screen should fire when zooming
>     in to avoid horizontal scrolling, and it probably should also apply
>     to images in case a cropped version is used with the layout that
>     accompanies smaller screens, which may even want a different aspect
>     ratio.
>
>     So I think chrome and firefox are doing the right thing, it's just I
>     don't understand how to tell them to use a higher resolution version
>     if the pixels are there but the browser is zoomed in.
>
>     There must be a way.
>
>     On 03/01/2015 01:28 AM, Yoav Weiss wrote:
>
>         That sounds like a Firefox bug. Did you try the same with
>         Chrome/Opera?
>
>         If it works there, you would probably file a bug with Firefox. If it
>         doesn't, you should probably file a bug with both :)
>
>         On Mar 1, 2015 7:13 AM, "Alice Wonder" <alice@domblogger.net
>         <mailto:alice@domblogger.net>
>         <mailto:alice@domblogger.net <mailto:alice@domblogger.net>>> wrote:
>
>              Hi,
>
>              It is hard to find examples of the picture element online that
>              actually validate but I have it at this point.
>
>              Have my firefox set up and it works.
>
>              Did this test :
>
>              [picture]
>                 [source media="(min-width: 801px)" srcset="Camera_800.jpg"
>              type="image/jpeg" /]
>                 [source media="(max-width: 800px)" srcset="Camera_400.jpg"
>              type="image/jpeg" /]
>                 [img src="Camera_800.jpg" alt="Classic Medium Format
>         Camera" /]
>              [/picture]
>
>              (using [] instead of angle brackets)
>
>              When I shring the browser down and reload - it works, the
>         400 is used.
>
>              But - when I ctrl-+ to zoom in and then reload, it also
>         triggers the
>              media query, and the result is a way over-stretched 400px
>         version.
>
>              What is the proper way to take physical pixels into
>         consideration so
>              that people who zoom in due to visual problems don't get a
>         smaller
>              version that has been stretched?
>
>

Received on Sunday, 1 March 2015 10:30:17 UTC