E-mail List Archives
Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
From: Jonathan Avila
Date: Jan 20, 2018 6:35PM
- Next message: David Engebretson Jr: "Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)"
- Previous message: Sandy Feldman: "Re: accessible WordPress form builder"
- Next message in Thread: David Engebretson Jr: "Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)"
- Previous message in Thread: None
- View all messages in this Thread
> 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.
Oath https://www.oath.com has an example on iOS where pinch zoom fails. Also it appears to use scroll snap which when combined with zoom causes text to be cut off but when you try to scroll to it -- it snaps to the next scroll point.
Jonathan
-----Original Message-----
From: WebAIM-Forum [mailto: <EMAIL REMOVED> ] On Behalf Of Patrick H. Lauke
Sent: Friday, July 7, 2017 3:45 AM
To: <EMAIL REMOVED>
Subject: Re: [WebAIM] Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
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
- Next message: David Engebretson Jr: "Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)"
- Previous message: Sandy Feldman: "Re: accessible WordPress form builder"
- Next message in Thread: David Engebretson Jr: "Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)"
- Previous message in Thread: None
- View all messages in this Thread