视频的字幕应如何显示以完成WCAG 2.0? [英] How the transcript of a video should be visible to accomplish WCAG 2.0?

问题描述

我正在建立一个网站，该网站必须符合WCAG的AA要求.

I'm building a website that has to achieve the AA Conformance to WCAG.

我们将提供视频，并且要做到正确，必须有该视频的成绩单，我的问题是，用html表示在此之前，之后放置此成绩单的正确顺序是什么.有一个符合此要求的有效标签.

We are going to provide videos and to do it right there has to be a transcript of this video, my question is, in html were is the correct order to put this transcript before, after. there is a valid tag to comply this.

感谢您的宝贵时间.

推荐答案

感谢您的帮助！ 我进行了研究，最终的答案是匹配正确的aria属性和一些html5.

Thanks for your help guys! I did my research and the final answer was matching the correct aria attributes and some html5.

<figure>
            <div class="video">
                <video id="main_video" controls >
                    <source src="<?php echo $source_video?>" type="<?php echo $video_source['mime_type']?>">
                    <source src="<?php echo $source_video_2; ?>" type="video/webm">
                </video>
            </div>

            <details >
                <summary aria-controls="transcript_content" tabindex="0" aria-expanded="false" id="show-hide-transcript" > Transcript </summary>
                <div id="transcript_content" aria-live="off" aria-atomic="true" aria-relevant="all" tabindex="0" aria-expanded="false" role="article"  ><?php echo $video_transcript ?></div>
            </details>
        </figure>

这篇关于视频的字幕应如何显示以完成WCAG 2.0?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！