WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Scalable or Responsive and why

for

From: Szaj, Julie
Date: Oct 12, 2020 9:52AM

Thank you everyone for your thoughts and comments.

One of our teams that makes the decisions requiring content to be scalable vs responsive is going to keep the responsive design requirement. We use Adobe Captivate and have decided to create some templates that content creators could use if they choose. Unfortunately we have no support for content creators who use the software, so we are hoping some simple, branded templates would help.

Julie

-----Original Message-----
From: Steve Green < <EMAIL REMOVED> >
Sent: Thursday, October 8, 2020 8:50 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Scalable or Responsive and why

The e-learning modules output by Articulate also scale to fit the viewport. It doesn't use <canvas> elements, but almost everything you see is an SVG (including all the text, buttons, form controls etc.). The content actually gets smaller as you increase the zoom level, presumably because the whitespace around the content gets bigger, effectively reducing the viewport size.

Steve Green
Managing Director
Test Partners Ltd


-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Vaughn, Michael
Sent: 09 October 2020 02:32
To: WebAIM Discussion List < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Scalable or Responsive and why

Perhaps you're talking about Adobe Captivate output (uses <canvas> elements). Like this (sorry, I think the play button is not keyboard-operable):

https://community-portal-prod-previewdata.s3.us-west-2.amazonaws.com/files/2020/08/2139ef2e658ec52ef9a1/index.html

It scales to fit the viewport, so resize the window and you'll see what the "scaling" is all about. Try to do a page zoom and be prepared to be frustrated.

From: WebAIM-Forum < <EMAIL REMOVED> >
Date: Thursday, October 8, 2020 at 4:36 PM
To: WebAIM Discussion List < <EMAIL REMOVED> >
Cc: Aditya < <EMAIL REMOVED> >
Subject: Re: [WebAIM] Scalable or Responsive and why Scalable, as I understand it, does not rearrange content. The relative positions are maintained. Or you can say that the content goes out of bounds of screen and users have to scroll to get content.

Responsive reacts to the view port and rearranges itself.

There might be a technical definition somewhere but that what I have observed.

Sent from my iPhone

> On Oct 8, 2020, at 2:34 PM, Patrick H. Lauke < <EMAIL REMOVED> > wrote:
>
>> On 08/10/2020 19:09, Szaj, Julie wrote:
>> Hello Everyone,
>> There is discussion happening at my university regarding whether it is okay to create online training content that is scalable instead of responsive. I believe they should be responsive because they are more accessible. Arguments for scalable are they are faster to create, thus cheaper for the client, and are "less frustrating" for the content creators. I would love to hear your honest thoughts.
>
> What exactly is a "scalable" site rather than a responsive one?
>
> --
> Patrick H. Lauke
>
> https://nam05.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.
> splintered.co.uk%2F&amp;data=02%7C01%7Cmichael.vaughn%40yale.edu%7C6b0
> e0e25f8d54339a0ba08d86bc9d02b%7Cdd8cbebb21394df8b4114e3e87abeb5c%7C0%7
> C0%7C637377861813610718&amp;sdata=65Dtc6OIX6ca4zl3ClWt%2Bfc79vc3xzmn0C
> DzDQJ5vhU%3D&amp;reserved=0 |
> https://nam05.safelinks.protection.outlook.com/?url=https%3A%2F%2Fgith
> ub.com%2Fpatrickhlauke&amp;data=02%7C01%7Cmichael.vaughn%40yale.edu%7C
> 6b0e0e25f8d54339a0ba08d86bc9d02b%7Cdd8cbebb21394df8b4114e3e87abeb5c%7C
> 0%7C0%7C637377861813610718&amp;sdata=90g9t25tNSvbwgUhq5zOUm%2BtYTfEdmY
> %2BMmPCq286e08%3D&amp;reserved=0
> https://nam05.safelinks.protection.outlook.com/?url=https%3A%2F%2Fflic
> kr.com%2Fphotos%2Fredux%2F&amp;data=02%7C01%7Cmichael.vaughn%40yale.ed
> u%7C6b0e0e25f8d54339a0ba08d86bc9d02b%7Cdd8cbebb21394df8b4114e3e87abeb5
> c%7C0%7C0%7C637377861813610718&amp;sdata=39gRzeiIsuOfAHAGWP5tE%2BSKfY3
> FlfZtQIx6w%2FynPi4%3D&amp;reserved=0 |
> https://nam05.safelinks.protection.outlook.com/?url=https%3A%2F%2Fwww.
> deviantart.com%2Fredux&amp;data=02%7C01%7Cmichael.vaughn%40yale.edu%7C
> 6b0e0e25f8d54339a0ba08d86bc9d02b%7Cdd8cbebb21394df8b4114e3e87abeb5c%7C
> 0%7C0%7C637377861813610718&amp;sdata=SGGWx%2FxCSouhqphMyM4VOuoVH6pueJK
> 8xPP7PYb%2BvM4%3D&amp;reserved=0
> twitter: @patrick_h_lauke | skype: patrick_h_lauke
> > > https://nam05.safelinks.protection.outlook.com/?url=http%3A%2F%2Flist.
> webaim.org%2F&amp;data=02%7C01%7Cmichael.vaughn%40yale.edu%7C6b0e0e25f
> 8d54339a0ba08d86bc9d02b%7Cdd8cbebb21394df8b4114e3e87abeb5c%7C0%7C0%7C6
> 37377861813610718&amp;sdata=BEVeUDzZpx5rrwHR873J7BSluwLOoVG3TQL87o4bYt
> c%3D&amp;reserved=0 List archives at
> https://nam05.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwebai
> m.org%2Fdiscussion%2Farchives&amp;data=02%7C01%7Cmichael.vaughn%40yale
> .edu%7C6b0e0e25f8d54339a0ba08d86bc9d02b%7Cdd8cbebb21394df8b4114e3e87ab
> eb5c%7C0%7C0%7C637377861813610718&amp;sdata=YO%2BxWZVR5edQeMJZUy%2FZfD
> cNMN%2BcZ8mv6uQetz36zsA%3D&amp;reserved=0
> The materials in this message are private and may contain Protected Healthcare Information or other information of a sensitive nature. If you are not the intended recipient, be advised that any unauthorized use, disclosure, copying or the taking of any action in reliance on the contents of this information is strictly prohibited. If you have received this email in error, please immediately notify the sender via telephone or return mail.