WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: SC 1.4.4: browser zoom and responsive design

for

From: Beranek, Nicholas
Date: Apr 10, 2017 12:14PM

Yes, and one of the biggest follies that I see are those disabling pinch and zoom through meta viewport declarations a la <meta name="viewport" content="user-scalable=no, maximum-scale=1.0">. This is a bad practice that is unfortunately added to many of the "Bootstrap" libraries.

Nick

-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Jonathan Avila
Sent: Monday, April 10, 2017 2:12 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] SC 1.4.4: browser zoom and responsive design

> The responsive design in my example misses functionality that the desktop design does have.

If there is no way to get to the functionality it seems like an issue to me. In some cases there is a link to a desktop site and that would allow the user to access the content in a none-responsive way and use pinch zoom.

Jonathan


-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Fernand van Olphen
Sent: Sunday, April 09, 2017 5:06 PM
To: <EMAIL REMOVED>
Subject: [WebAIM] SC 1.4.4: browser zoom and responsive design

With interest I have followed the discussion about SC 1.4.4, resize text. Conclusion: browser zoom is allowed.

My question is about browser zoom and responsive design.

Suppose I visit a website. It is a garbage-day calender. It gives me the option to browse through the months to check when my garbage is collected. After a few zooms the responsive design kicks in. In this design the calender is replaced by a static list without the option to browse through the months. In other words: the responsive design does not give me the same options as the desktop design does.

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G142 says under Tests > procedure:

1. Display content in a user agent

2. Zoom content to 200%

3. Check whether all content and functionality is available

The responsive design in my example misses functionality that the desktop design does have.

Is this a violation of SC 1.4.4?

Kind regards,
Fernand van Olphen
Accessibility Advisor
Municipality of The Hague









De disclaimer van toepassing op e-mail van de gemeente Den Haag vindt u op: http://www.denhaag.nl/disclaimer The information contained in this e-mail is confidential and/or proprietary to Capital One and/or its affiliates and may only be used solely in performance of work or services for Capital One. The information transmitted herewith is intended only for use by the individual or entity to which it is addressed. If the reader of this message is not the intended recipient, you are hereby notified that any review, retransmission, dissemination, distribution, copying or other use of, or taking of any action in reliance upon this information is strictly prohibited. If you have received this communication in error, please contact the sender and delete the material from your computer.