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: Birkir R. Gunnarsson
Date: Jul 7, 2017 7:20AM

Rock on, Patrick!
Thank you!


On 7/7/17, Patrick H. Lauke < <EMAIL REMOVED> > wrote:
> 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
> > > > >


--
Work hard. Have fun. Make history.