html - 视频的转录本应该如何显示才能完成 WCAG 2.0？

Question

我正在构建一个必须达到 WCAG AA 一致性的网站。

我们将提供视频，要做到这一点，必须有该视频的转录本，我的问题是，在 html 中，将此转录本放在前面、后面的正确顺序是正确的。有一个有效的标签来遵守这一点。

感谢您的宝贵时间。

Answer 1

感谢您的帮助!我做了研究，最终的答案是匹配正确的 aria 属性和一些 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>