WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Ideas to display video/audio transcripts

for

From: Sandy Feldman
Date: Apr 20, 2022 4:08PM

<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 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 REMOVED> "
target="_blank" moz-do-not-send="true"
class="moz-txt-link-freetext"> <EMAIL 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>