WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Ideas to display video/audio transcripts

for

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

From: Itzel McClaren (US)
Date: Wed, Apr 20 2022 10:36AM
Subject: Ideas to display video/audio transcripts
No previous message | Next message →

Hello everyone, I hope you are doing well. I am trying to find creative
ways to display transcripts on screens with limited real estate. These
screens are generated using authoring tools (Captivate, Storyline, etc.)
Sometimes screens have text on the left, important images to the right and
audio. We need to show the transcript but if we put the transcript button
with a popup to the right of the text, the images will be covered once the
user clicks the button to display the transcript. Unfortunately, the popups
are not movable.

We tried adding the transcript at the bottom but that does not work either.
Having the script display in a PDF in a separate window is an option but it
would require us to ensure all PDF's are accessible.

Do you have any other suggestions?

Thanks

--


The information transmitted, including any attachments, is intended only
for the person or entity to which it is addressed and may contain
confidential and/or privileged material. Any review, retransmission,
dissemination or other use of, or taking of any action in reliance upon,
this information by persons or entities other than the intended recipient
is prohibited, and all liability arising therefrom is disclaimed. If you
received this in error, please contact the sender and delete the material
from any computer. 




In the event the content of this email includes Tax
advice, the content of this email is limited to the matters specifically
addressed herein and is not intended to address other potential tax
consequences or the potential application of tax penalties to this or any
other matter.




PricewaterhouseCoopers LLP is a Delaware limited
liability partnership.  This communication may come from
PricewaterhouseCoopers LLP or one of its subsidiaries.

From: Swift, Daniel P.
Date: Wed, Apr 20 2022 10:49AM
Subject: Re: Ideas to display video/audio transcripts
← Previous message | Next message →

What about an auto-scrolling transcript? There is a little bit of setup involved, but it should solve the problem with minimal real estate.

I built a POC awhile ago which basically amounted to wrapping the sentences in spans and highlighting the appropriate span at specific times (via JS). I'm not sure if there is a more elegant way to accomplish the same thing or if there are other accessibility issues … I didn't explore that because it was just a POC.

Daniel Swift, MBA
Director of Web Communications
University Communications and Marketing
West Chester University
610.738.0589

From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Itzel McClaren (US) via WebAIM-Forum
Sent: Wednesday, April 20, 2022 12:36 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Cc: Itzel McClaren (US) < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] Ideas to display video/audio transcripts

Hello everyone, I hope you are doing well. I am trying to find creative
ways to display transcripts on screens with limited real estate. These
screens are generated using authoring tools (Captivate, Storyline, etc.)
Sometimes screens have text on the left, important images to the right and
audio. We need to show the transcript but if we put the transcript button
with a popup to the right of the text, the images will be covered once the
user clicks the button to display the transcript. Unfortunately, the popups
are not movable.

We tried adding the transcript at the bottom but that does not work either.
Having the script display in a PDF in a separate window is an option but it
would require us to ensure all PDF's are accessible.

Do you have any other suggestions?

Thanks

--


The information transmitted, including any attachments, is intended only
for the person or entity to which it is addressed and may contain
confidential and/or privileged material. Any review, retransmission,
dissemination or other use of, or taking of any action in reliance upon,
this information by persons or entities other than the intended recipient
is prohibited, and all liability arising therefrom is disclaimed. If you
received this in error, please contact the sender and delete the material
from any computer.




In the event the content of this email includes Tax
advice, the content of this email is limited to the matters specifically
addressed herein and is not intended to address other potential tax
consequences or the potential application of tax penalties to this or any
other matter.




PricewaterhouseCoopers LLP is a Delaware limited
liability partnership. This communication may come from
PricewaterhouseCoopers LLP or one of its subsidiaries.

From: glen walker
Date: Wed, Apr 20 2022 10:52AM
Subject: Re: Ideas to display video/audio transcripts
← Previous message | Next message →

We've used a "disclosure widget" before (
https://www.w3.org/TR/wai-aria-practices/#disclosure).

As an example, see
https://www.tiaa.org/public/land/required-minimum-distribution

From: Sandy Feldman
Date: Wed, Apr 20 2022 1:12PM
Subject: Re: Ideas to display video/audio transcripts
← Previous message | Next message →

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<p>how about a &lt;details&gt;&lt;summary&gt; block? It'll push
things down when it's open, but everything will still be there.<br>
</p>
<p>I think if the images aren't visible while the user is reading
the transcript that's ok. They'll be visible again when the
details are closed. <br>
</p>
<div class="moz-signature">Sandy
<p><a href="https://sandyfeldman.com">sandyfeldman.com</a>
<br>
<a href="https://www.a11yready.com/">a11yready.com</a><a>
</a></p>
<a><br>
<br>
</a></div>
<div class="moz-cite-prefix">On 2022-04-20 12:36 p.m., Itzel
McClaren (US) via WebAIM-Forum wrote:<br>
</div>
<blockquote type="cite"
cite="mid:CAJnGg7VeAJ7hZ+ = EMAIL ADDRESS REMOVED = ">
<pre class="moz-quote-pre" wrap="">Hello everyone, I hope you are doing well. I am trying to find creative
ways to display transcripts on screens with limited real estate. These
screens are generated using authoring tools (Captivate, Storyline, etc.)
Sometimes screens have text on the left, important images to the right and
audio. We need to show the transcript but if we put the transcript button
with a popup to the right of the text, the images will be covered once the
user clicks the button to display the transcript. Unfortunately, the popups
are not movable.

We tried adding the transcript at the bottom but that does not work either.
Having the script display in a PDF in a separate window is an option but it
would require us to ensure all PDF's are accessible.

Do you have any other suggestions?

Thanks

</pre>
</blockquote>
</body>
</html>

From: Itzel McClaren (US)
Date: Wed, Apr 20 2022 1:26PM
Subject: Re: Ideas to display video/audio transcripts
← Previous message | Next message →

Thanks! The challenge we have is that since we use an authoring tool, we
don't have access to the backend HTML. I agree with you Sandy, if they can
close the transcript option should be ok. However, they may be instances
where the audio explains an image and it would be best to see the
transcript while you are looking at the image.

On Wed, Apr 20, 2022 at 2:12 PM Sandy Feldman < = EMAIL ADDRESS REMOVED = >
wrote:

> how about a <details><summary> block? It'll push things down when it's
> open, but everything will still be there.
>
> I think if the images aren't visible while the user is reading the
> transcript that's ok. They'll be visible again when the details are closed.
> Sandy
>
> sandyfeldman.com
> <https://urldefense.com/v3/__https://sandyfeldman.com__;!!Nyu6ZXf5!4VJOkY8bacDBE3xzN4gxEozFONuhxEx3BbdFS2_MRQssT-wc0pqAfNNU3dX6ydq2PQ$>
> a11yready.com
> <https://urldefense.com/v3/__https://www.a11yready.com/__;!!Nyu6ZXf5!4VJOkY8bacDBE3xzN4gxEozFONuhxEx3BbdFS2_MRQssT-wc0pqAfNNU3dU0ybiq-Q$>
>
>
> On 2022-04-20 12:36 p.m., Itzel McClaren (US) via WebAIM-Forum wrote:
>
> Hello everyone, I hope you are doing well. I am trying to find creative
> ways to display transcripts on screens with limited real estate. These
> screens are generated using authoring tools (Captivate, Storyline, etc.)
> Sometimes screens have text on the left, important images to the right and
> audio. We need to show the transcript but if we put the transcript button
> with a popup to the right of the text, the images will be covered once the
> user clicks the button to display the transcript. Unfortunately, the popups
> are not movable.
>
> We tried adding the transcript at the bottom but that does not work either.
> Having the script display in a PDF in a separate window is an option but it
> would require us to ensure all PDF's are accessible.
>
> Do you have any other suggestions?
>
> Thanks
>
>
>

--
*Itzel McClaren*
PwC | *Digital Learning Manager*
*Digital accelerator, Accessibility champion*
Austin | +1 (512) 450 4012
PricewaterhouseCoopers LLP
pwc.com <https://www.pwc.com>

*Upcoming OOO*
06/08/2022-06/24/2022

--


The information transmitted, including any attachments, is intended only
for the person or entity to which it is addressed and may contain
confidential and/or privileged material. Any review, retransmission,
dissemination or other use of, or taking of any action in reliance upon,
this information by persons or entities other than the intended recipient
is prohibited, and all liability arising therefrom is disclaimed. If you
received this in error, please contact the sender and delete the material
from any computer. 




In the event the content of this email includes Tax
advice, the content of this email is limited to the matters specifically
addressed herein and is not intended to address other potential tax
consequences or the potential application of tax penalties to this or any
other matter.




PricewaterhouseCoopers LLP is a Delaware limited
liability partnership.  This communication may come from
PricewaterhouseCoopers LLP or one of its subsidiaries.

From: David Engebretson Jr.
Date: Wed, Apr 20 2022 3:50PM
Subject: Re: Ideas to display video/audio transcripts
← Previous message | Next message →

Maybe use a fully compliant player like AblePlayer? It's on Github; free and open source.



Cheers,

David

From: Sandy Feldman
Date: Wed, Apr 20 2022 4:08PM
Subject: Re: Ideas to display video/audio transcripts
← Previous message | No next message

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<p>That's a poser Itzel. Could you put the image inside the
transcript?<br>
</p>
<p>Sandy
</p>
<div class="moz-signature">
<p><a href="https://sandyfeldman.com">sandyfeldman.com</a>
<br>
<a href="https://www.a11yready.com/">a11yready.com</a><a>
</a></p>
<a><br>
<br>
</a></div>
<div class="moz-cite-prefix">On 2022-04-20 3:26 p.m., Itzel McClaren
(US) wrote:<br>
</div>
<blockquote type="cite"
cite="mid: = EMAIL ADDRESS REMOVED = ">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<div dir="ltr">
<div class="gmail_default" style="font-family:georgia,serif">Thanks!
The challenge we have is that since we use an authoring tool,
we don't have access to the backend HTML. I agree with you
Sandy, if they can close the transcript option should be ok.
However, they may be instances where the audio explains an
image and it would be best to see the transcript while you are
looking at the image.</div>
</div>
<br>
<div class="gmail_quote">
<div dir="ltr" class="gmail_attr">On Wed, Apr 20, 2022 at 2:12
PM Sandy Feldman &lt;<a href="mailto: = EMAIL ADDRESS REMOVED = "
target="_blank" moz-do-not-send="true"
class="moz-txt-link-freetext"> = EMAIL ADDRESS REMOVED = </a>&gt;
wrote:<br>
</div>
<blockquote class="gmail_quote" style="margin:0px 0px 0px
0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div>
<p>how about a &lt;details&gt;&lt;summary&gt; block? It'll
push things down when it's open, but everything will still
be there.<br>
</p>
<p>I think if the images aren't visible while the user is
reading the transcript that's ok. They'll be visible again
when the details are closed. <br>
</p>
<div>Sandy
<p><a
href="https://urldefense.com/v3/__https://sandyfeldman.com__;!!Nyu6ZXf5!4VJOkY8bacDBE3xzN4gxEozFONuhxEx3BbdFS2_MRQssT-wc0pqAfNNU3dX6ydq2PQ$"
target="_blank" moz-do-not-send="true">sandyfeldman.com</a>
<br>
<a
href="https://urldefense.com/v3/__https://www.a11yready.com/__;!!Nyu6ZXf5!4VJOkY8bacDBE3xzN4gxEozFONuhxEx3BbdFS2_MRQssT-wc0pqAfNNU3dU0ybiq-Q$"
target="_blank" moz-do-not-send="true">a11yready.com</a><a
moz-do-not-send="true"> </a></p>
<a moz-do-not-send="true"><br>
<br>
</a></div>
<div>On 2022-04-20 12:36 p.m., Itzel McClaren (US) via
WebAIM-Forum wrote:<br>
</div>
<blockquote type="cite">
<pre>Hello everyone, I hope you are doing well. I am trying to find creative
ways to display transcripts on screens with limited real estate. These
screens are generated using authoring tools (Captivate, Storyline, etc.)
Sometimes screens have text on the left, important images to the right and
audio. We need to show the transcript but if we put the transcript button
with a popup to the right of the text, the images will be covered once the
user clicks the button to display the transcript. Unfortunately, the popups
are not movable.

We tried adding the transcript at the bottom but that does not work either.
Having the script display in a PDF in a separate window is an option but it
would require us to ensure all PDF's are accessible.

Do you have any other suggestions?

Thanks

</pre>
</blockquote>
</div>
</blockquote>
</div>
<br clear="all">
<div><br>
</div>
-- <br>
<div dir="ltr">
<div dir="ltr">
<div><span
style="color:rgb(0,0,0);font-family:georgia,palatino;font-size:9pt;line-height:14pt"><strong><span
style="color:rgb(0,0,1)">Itzel</span> <span
style="color:rgb(0,0,1)"></span> <span
style="color:rgb(0,0,1)">McClaren</span></strong></span><br>
<span
style="color:rgb(0,0,0);font-family:arial,helvetica,sans-serif;font-size:9pt;line-height:14pt">PwC
| <i>Digital Learning Manager</i></span></div>
<div><span
style="color:rgb(0,0,0);font-family:arial,helvetica,sans-serif;font-size:9pt;line-height:14pt"><i>Digital
accelerator, Accessibility champion</i><br>
Austin | <span style="color:rgb(0,0,1)">+1 (512) 450 4012</span><span
style="color:rgb(0,0,1)"></span><br>
PricewaterhouseCoopers LLP<br>
<span style="color:rgb(17,85,204)"><a
href="https://www.pwc.com"
style="color:rgb(17,85,204)" target="_blank"
moz-do-not-send="true">pwc.com</a></span>   <span
style="color:rgb(17,85,204)"></span>   <span
style="color:rgb(17,85,204)"></span><br>
<br>
</span></div>
<div>
<div style="color:rgb(136,136,136)"><font color="#ff0000"><b>Upcoming
OOO</b></font></div>
<div><font color="#ff0000">06/08/2022-06/24/2022</font></div>
</div>
</div>
</div>
<br>
<p
style="margin:0px;font-stretch:normal;line-height:normal;font-family:Arial"><span><font
size="2">The information transmitted, including any
attachments, is intended only for the person or entity to
which it is addressed and may contain confidential and/or
privileged material. Any review, retransmission,
dissemination or other use of, or taking of any action in
reliance upon, this information by persons or entities other
than the intended recipient is prohibited, and all liability
arising therefrom is disclaimed. If you received this in
error, please contact the sender and delete the material
from any computer. </font></span></p>
<p
style="margin:0px;font-stretch:normal;line-height:normal;font-family:Arial;min-height:11px"><font
size="2"><span></span><br>
</font></p>
<p
style="margin:0px;font-stretch:normal;line-height:normal;font-family:Arial"><span><font
size="2">In the event the content of this email includes Tax
advice, the content of this email is limited to the matters
specifically addressed herein and is not intended to address
other potential tax consequences or the potential
application of tax penalties to this or any other matter.</font></span></p>
<p
style="margin:0px;font-stretch:normal;line-height:normal;font-family:Arial;min-height:11px"><font
size="2"><span></span><br>
</font></p>
<p
style="margin:0px;font-stretch:normal;line-height:normal;font-family:Arial"><span><font
size="2">PricewaterhouseCoopers LLP is a Delaware limited
liability partnership.  This communication may come from
PricewaterhouseCoopers LLP or one of its subsidiaries.</font></span></p>
</blockquote>
</body>
</html>