WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Scalable or Responsive and why

for

From: Steve Green
Date: Oct 8, 2020 7:49PM

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
>