WebAIM - Web Accessibility In Mind

E-mail List Archives

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

for

Number of posts in this thread: 5 (In chronological order)

From: Jonathan Avila
Date: Sat, Jan 20 2018 6:35PM
Subject: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
No previous message | Next message →

> 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 ADDRESS REMOVED = ] On Behalf Of Patrick H. Lauke
Sent: Friday, July 7, 2017 3:45 AM
To: = EMAIL ADDRESS 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

From: David Engebretson Jr
Date: Sat, Jan 20 2018 6:42PM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
← Previous message | Next message →

What are you using to record your videos with?

I'm looking for some usable and robust technique to do this as a totally
blind person...

Thanks,
David


-----Original Message-----
From: Jonathan Avila
Sent: Saturday, January 20, 2018 5:35 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Example of a webpage that fails 1.4.4 (resizing hides
content that scrolling can't reveal)

> 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 ADDRESS REMOVED = ] On Behalf
Of Patrick H. Lauke
Sent: Friday, July 7, 2017 3:45 AM
To: = EMAIL ADDRESS 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
http://webaim.org/discussion/archives

From: Patrick H. Lauke
Date: Sun, Jan 21 2018 4:09AM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
← Previous message | Next message →

On 21/01/2018 01:35, Jonathan Avila 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.
>
> 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.

What a horrid site. It seems to intercept all touchstart events and
preventDefault, thus killing any native gestures (zoom, scroll,
long-tap, etc), and then implements its own custom scrolling.

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

From: JP Jamous
Date: Sun, Jan 21 2018 1:25PM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hidescontent that scrolling can't reveal)
← Previous message | Next message →

Google " Debut Video Capture Software" created by NCH. I love their applications. Light on systems and all keyboard operable. Debut Video Capture Software can even hide from the actual video recording or you can add a blueprint to your recording.

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of David Engebretson Jr
Sent: Saturday, January 20, 2018 7:43 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)

What are you using to record your videos with?

I'm looking for some usable and robust technique to do this as a totally blind person...

Thanks,
David


-----Original Message-----
From: Jonathan Avila
Sent: Saturday, January 20, 2018 5:35 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)

> 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 ADDRESS REMOVED = ] On Behalf Of Patrick H. Lauke
Sent: Friday, July 7, 2017 3:45 AM
To: = EMAIL ADDRESS 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

From: David Engebretson Jr
Date: Sun, Jan 21 2018 4:34PM
Subject: Re: Example of a webpage that fails 1.4.4 (resizinghidescontent that scrolling can't reveal)
← Previous message | No next message

Got it. Not too light on my system. Mind pinging me off list so I can ask
some

-----Original Message-----
From: JP Jamous
Sent: Sunday, January 21, 2018 12:25 PM
To: 'WebAIM Discussion List'
Subject: Re: [WebAIM] Example of a webpage that fails 1.4.4 (resizinghides
content that scrolling can't reveal)

Google " Debut Video Capture Software" created by NCH. I love their
applications. Light on systems and all keyboard operable. Debut Video
Capture Software can even hide from the actual video recording or you can
add a blueprint to your recording.

-----Original Message-----
From: WebAIM-Forum [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf
Of David Engebretson Jr
Sent: Saturday, January 20, 2018 7:43 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] Example of a webpage that fails 1.4.4 (resizing hides
content that scrolling can't reveal)

What are you using to record your videos with?

I'm looking for some usable and robust technique to do this as a totally
blind person...

Thanks,
David


-----Original Message-----
From: Jonathan Avila
Sent: Saturday, January 20, 2018 5:35 PM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Example of a webpage that fails 1.4.4 (resizing hides
content that scrolling can't reveal)

> 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 ADDRESS REMOVED = ] On Behalf
Of Patrick H. Lauke
Sent: Friday, July 7, 2017 3:45 AM
To: = EMAIL ADDRESS 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
http://webaim.org/discussion/archives
http://webaim.org/discussion/archives
http://webaim.org/discussion/archives