WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: SC 1.4.4: browser zoom and responsive design

for

From: Detlev Fischer
Date: Apr 10, 2017 3:40AM

My take would be that essential functionality needed for executing the task that the site supports should also be available in the mobile view. I.e., if it is essential to be able to check the garbage calendar for weeks / months ahead (which is a judgement call), some (possibly different) way of navigating or getting there should be available also in the mobile version. Navigation may be hidden behind a hamburger icon or the next month might come into view only after scrolling. If there is really no way to get there, the site does in my view fail the requirement "without loss of content or functionality".

Best, Detlev

-
Detlev Fischer
testkreis c/o feld.wald.wiese
Thedestr. 2, 22767 Hamburg

Mobil +49 (0)157 57 57 57 45
Fax +49 (0)40 439 10 68-5

http://www.testkreis.de
Beratung, Tests und Schulungen für barrierefreie Websites

Srinivasu Chakravarthula schrieb am 10.04.2017 11:25:

> I don't think it would be a violation. When it works well on desktop, it
> may work well with device OS zoom settings for smaller screens. Referring
> https://www.w3.org/TR/mobile-accessibility-mapping/#zoom-magnification may
> be helpful.
> Best,
>
> Regards,
>
> Srinivasu Chakravarthula - Twitter: http://twitter.com/CSrinivasu/
> Website: http://www.srinivasu.org | http://serveominclusion.com
>
> Let's create an inclusive web!
>
> Lead Accessibility Consultant, Informatica
> Hon. Joint Secretary, The National Association for the Blind, Karnataka
> Branch
>
> On Mon, Apr 10, 2017 at 2:35 AM, Fernand van Olphen <
> <EMAIL REMOVED> > wrote:
>
>> 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
>> >> >> >> >>
> > > > >