WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

From: Jonathan Avila
Date: Jun 29, 2015 9:20AM


> If authors ONLY design for EXACT known breakpoint sizes, then their sites will break on devices which don't have those exact screen measurements either...nothing to do with font sizes, or zooming.

Let's take an example, say I have breakpoints at 800px and 480px. I have a media query for 800px and greater and one for less than 800px but greater than or equal to 480px and one for less than 480.

Say I change my window width to 555px -- I will get the media query for < 800 but >H0 and the text size will be whatever the author defined at that point no changes in device pixel ratio. The page will appear as intended for that media query even though I have an odd width.

On the other hand if I zoom using browser zoom my width changes and the device pixel ratio changes. So say I zoom in to approximately 555px. My device pixel ratio may have also changed -- say to 1.5. If the responsive site was not created using fluid techniques and instead was create with techniques that hide overflow and have max heights, etc. text could be truncated for the zoom user.

In this case of Paciello Group's site the site was created with fluid designs and thus appear correctly with the device pixel ratio is increased but other sites do not work like it does. In my experience responsive sites tend to not get horizontal scrollbars with browser zoom like most non-responsive sites do If content is truncated you have to change your zoom level until you reach a breakpoint. This could require the user to zoom to a higher amount that isn't as effective for the user.

Jonathan

-- 
Jonathan Avila 
Chief Accessibility Officer
SSB BART Group 
<EMAIL REMOVED>
Phone 703.637.8957  
Follow us: Facebook | Twitter | LinkedIn | Blog | Newsletter


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Patrick H. Lauke
Sent: Monday, June 29, 2015 10:46 AM
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] Browser zooming sufficient for WCAG 1.4.4 (resize text)

On 29/06/2015 15:41, Jonathan Avila wrote:
> When browser zoom is used there will be all sorts of odd widths.
> Authors cannot create breakpoints for all of these.

You seem to misunderstand the idea of breakpoints, or rather how designers/developers use them? It's not a fixed point, but rather a measure at which a particular design changes.

If authors ONLY design for EXACT known breakpoint sizes, then their sites will break on devices which don't have those exact screen measurements either...nothing to do with font sizes, or zooming.


> What the author
> should do is allow for variance between breakpoints by designing the
> content to be fluid and not prevent overflow or wrapping. If a
> responsive site has truncated text when zoomed up to 200% then it
> would appear to be a WCAG failure to me. I don't buy the argument
> that the issue happens to other users and therefore isn't an
> accessibility issue because it doesn't happen to other users.

You may not buy it, but it's the reality...if a designer only made a design work only if a screen is exactly 320px wide and 768px wide and higher, and nothing in between, then the design will break for any device whose pixel size is below 768px and not exactly 320px.

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