WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)

for

From: Patrick H. Lauke
Date: Jul 7, 2017 1:45AM

On 07/07/2017 01:58, Birkir R. Gunnarsson wrote:
> Does anybody have an example of such a webpage, either a real page or
> something coded as a demo.
> I want to record a video that explains when 1.4.4 fails, but I need to
> find a page to do it with.
> I would code it myself, only CSS and zooming is not my strongest suit,
> and it is always more powerful to record a video with a real webpage
> (the video is for an internal test team so no public shaming
> involved).

Here ya go https://jsfiddle.net/mdhkyugt/1/ (a wrapper set to 100% with
overflow:hidden, and content inside that set to an explicit width - as
user zooms, the width of the content grows but no scrollbar appears due
to the overflow suppression).

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