如何在 WCAG 2.0 SC 1.2.2 中标记同步媒体的替代文本

Question

根据 WCAG 2.0 成功标准 1.2.2:

1.2.2 Captions (Prerecorded) Level A

Captions are provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such.

我有一个 HTML 构造属于成功标准的例外，也就是说，视频前面的 HTML 已经是视频的文本替代。考虑以下因素：

<p>
  some explanatory text for the video
</p>
<p>
  another block of explanation
  <img src="./my-image.png" alt="alt for image" />
</p>
<p>
  <video>
    <source src="./my-video.mp4" type="video/mp4" />
  </video>
</p>

SC 1.2.2 描述了在 https://www.w3.org/TR/WCAG20-TECHS/F74.html 中标记替代文本的失败，但它没有描述如何正确标记视频以指向该替代文本。

一个可能的解决方案是将我的解释性文本包装在包含 id 属性的 <div> 中，然后在指向此 id 的视频标签中使用 aria-describedby .类似于：

<div id="my-explanation">
  <p>
    my explanatory text...
  </p>
</div>
<p>
  <video aria-describedby="my-explanation">
    ...
  </video>
</p>

我的问题是：这种技术是否符合成功标准的要求？是否有另一种技术通常用于将 html 的块标记为同步媒体的文本替代品？

Answer 1

使用 aria-describedby 似乎非常合适。您还可以使用具有适当 kind 属性（字幕、说明、说明、章节）的 <track ...> 元素

见实例H95: Using the track element to provide captions

HTML5 文档中的

或 the <track> element

根据Techniques for WCAG 2.0

Techniques are informative—that means they are not required.

这意味着只要你达到了指南的目的，无论你使用什么技术，这都应该是完美的。

如何在 WCAG 2.0 SC 1.2.2 中标记同步媒体的替代文本

How to label text alternative for synchronized media in WCAG 2.0 SC 1.2.2

html

accessibility

wai-aria

wcag2.0