E-mail List Archives

Search E-mail List Archives for

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

From: Birkir R. Gunnarsson
Date: Thu, Jul 06 2017 6:58PM
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.
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).
Cheers
-B


--
Work hard. Have fun. Make history.

From: Patrick H. Lauke
Date: Fri, Jul 07 2017 1:45AM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
← Previous message | Next message →

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: Birkir R. Gunnarsson
Date: Fri, Jul 07 2017 7:20AM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
← Previous message | Next message →

Rock on, Patrick!
Thank you!


On 7/7/17, Patrick H. Lauke < = EMAIL ADDRESS 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.

From: Alastair Campbell
Date: Fri, Jul 07 2017 8:10AM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
← Previous message | Next message →

If you'd like some examples in the wild, Jonathan Avila sent me some when
we were discussing the possible new zoom success criteria:
- http://guidobouman.github.io/jquery-panelsnap/
- https://css-tricks.com/examples/ScrollingSidebar/
-
https://books.google.co.uk/books?id=LEwGcwiRf9gC&pg=PA162&lpg=PA162&dq=example+where+zoom+in+gets+smaller&source=bl&ots=oQIz7vNoa9&sig=OlBTW3BV4Nq9fgaaa80EmFNPV04&hl=en&sa=X&redir_esc=y#v=onepage&q=example%20where%20zoom%20in%20gets%20smaller&fúlse

I think those have issues with both 1.4.4 and the new zoom criteria.

Cheers,

-Alastair


On Fri, Jul 7, 2017 at 2:20 PM, Birkir R. Gunnarsson <
= EMAIL ADDRESS REMOVED = > wrote:

> Rock on, Patrick!
> Thank you!
>
>

From: Birkir R. Gunnarsson
Date: Fri, Jul 07 2017 8:15AM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
← Previous message | Next message →

Thanks!
Great, I wil take alook at those (or rather, have a sighted co-worker do that).
Ideally, we'd find a page where resizing make the page text disappear
behind an image.




On 7/7/17, Alastair Campbell < = EMAIL ADDRESS REMOVED = > wrote:
> If you'd like some examples in the wild, Jonathan Avila sent me some when
> we were discussing the possible new zoom success criteria:
> - http://guidobouman.github.io/jquery-panelsnap/
> - https://css-tricks.com/examples/ScrollingSidebar/
> -
> https://books.google.co.uk/books?id=LEwGcwiRf9gC&pg=PA162&lpg=PA162&dq=example+where+zoom+in+gets+smaller&source=bl&ots=oQIz7vNoa9&sig=OlBTW3BV4Nq9fgaaa80EmFNPV04&hl=en&sa=X&redir_esc=y#v=onepage&q=example%20where%20zoom%20in%20gets%20smaller&fúlse
>
> I think those have issues with both 1.4.4 and the new zoom criteria.
>
> Cheers,
>
> -Alastair
>
>
> On Fri, Jul 7, 2017 at 2:20 PM, Birkir R. Gunnarsson <
> = EMAIL ADDRESS REMOVED = > wrote:
>
>> Rock on, Patrick!
>> Thank you!
>>
>>
> > > > >


--
Work hard. Have fun. Make history.

From: Graham Armfield
Date: Fri, Jul 07 2017 4:03PM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
← Previous message | Next message →

Not sure if it's quite what you're looking for but product pages on the
Dyson UK website go all horrible when you try to do a text only resize. See
http://www.dyson.co.uk/shop/vacuum-cleaners.aspx

Compare that with the rather sweet way that the Lego shop handles
resizing:
https://shop.lego.com/en-GB/Death-Star-75159?icmp=SHX_EU_DeathStar

Regards
Graham Armfield

From: Jonathan Avila
Date: Sat, Jul 08 2017 8:39AM
Subject: Re: Example of a webpage that fails 1.4.4 (resizing hides content that scrolling can't reveal)
← Previous message | No next message

Thanks Alistair, also a note to the list that screen resolution plays a factor when the issues for resize may come into effect. My recommendation would be to set your resolution at no more than 1280 wide although some people who need zoom may be using less such as me. Also of note is that resize of page contents may be triggered by different factors including changing the width of the viewport (e.g. window) but I'd recommend zoom as it changes the scale factor and width of window which I personally believe provides a more comprehensive experience to what people who use zoom will experience.

Jonathan

Jonathan Avila
Chief Accessibility Officer
Level Access, inc. (formerly SSB BART Group, inc.)
(703) 637-8957
= EMAIL ADDRESS REMOVED =
Visit us online: Website | Twitter | Facebook | LinkedIn | Blog
Looking to boost your accessibility knowledge? Check out our free webinars!

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.