Skip to content

Commit 77f6235

Browse files
mbgowerpatrickhlaukehidde-logiuskfranqueiro
authored
Meeting audio description through narration (#4327)
- Added the word "additional" to note 1 of Understanding documents for 1.2.3 and 1.2.5 (This makes it match note 3 in the audio description definition, which reads "Where all of the video information is already provided in existing audio, no additional audio description is necessary.") - Added a new technique "Providing audio descriptions by incorporating narration into the soundtrack" [Preview of technique](https://raw.githack.com/w3c/wcag/AudioDescriptionPreexisting/techniques/general/G226.html) --------- Co-authored-by: Patrick H. Lauke Co-authored-by: Hidde de Vries <[email protected]> Co-authored-by: Kenneth G. Franqueiro
1 parent b4dd077 commit 77f6235

File tree

5 files changed

+64
-3
lines changed

5 files changed

+64
-3
lines changed

_includes/techniques/changelog/21.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<ol>
2+
<li><time datetime="2025-04-22">2 Jun 2025time>: Added {{ "G226" | linkTechniques }}li>
23
<li><time datetime="2025-04-22">22 Apr 2025time>: Added {{ "F112" | linkTechniques }}li>
34
<li><time datetime="2025-04-22">22 Apr 2025time>: Removed F4 Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five secondsli>
45
<li><time datetime="2025-04-22">22 Apr 2025time>: Removed F47 Failure of Success Criterion 2.2.2 due to using the blink elementli>

_includes/techniques/changelog/22.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<ol>
2+
<li><time datetime="2025-04-22">2 Jun 2025time>: Added {{ "G226" | linkTechniques }}li>
23
<li><time datetime="2025-04-22">22 Apr 2025time>: Added {{ "F112" | linkTechniques }}li>
34
<li><time datetime="2025-04-22">22 Apr 2025time>: Removed F4 Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five secondsli>
45
<li><time datetime="2025-04-22">22 Apr 2025time>: Removed F47 Failure of Success Criterion 2.2.2 due to using the blink elementli>

techniques/general/G226.html

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><title>Providing audio descriptions by incorporating narration in the soundtracktitle><link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"/>head><body><h1>Providing audio descriptions by incorporating narration in the soundtrackh1><section class="meta"><p class="id">ID: G226p><p class="technology">Technology: generalp><p class="type">Type: Techniquep>section><section id="applicability"><h2>When to Useh2>
2+
<p>Any technology that supports audio and video.p>
3+
section><section id="description"><h2>Descriptionh2>
4+
<p>The objective of this technique is to provide audio descriptions through narration incorporated into the soundtrack of the synchronized video, so that people who cannot see are able to understand important visual material.p>
5+
<p>Since most user agents today cannot merge multiple sound tracks, this technique adds additional context by revising the soundtrack so that the narration includes audio description via a single audio track. This additional information may address actions, characters, scene changes, and on-screen text (not captions) that are important to understanding the content.p>
6+
<p>The narration is either revised or new narration is added during pauses in dialogue (which potentially limits the amount of supplementary narration that can be added).p>
7+
<p>This technique is most appropriate in instructional, marketing, and other videos where the narration is intended to be informational. In such cases, a soundtrack which reinforces the visual "takeaways" in the video will be vital to blind people and people with low vision, and may be of use to many users, including some users with cognitive disabilities.p>
8+
section><section id="examples"><h2>Examplesh2>
9+
<h3>An instructional video is scripted with narration that describes important visual contenth3>
10+
<p>Someone creating an instructional video demonstrating the features of an application prepares a script where what is being shown visually is reinforced through the narration, to arrive at an efficient and cost-effective means of making a more accessible video.p>
11+
<p>Several key strategies are followed to improve the video's narration. Each is described more fully in the following subsections:p>
12+
<ol>
13+
<li>Describe any pertinent and meaningful text on the screenli>
14+
<li>Avoid saying only “this” or “here” to describe UI componentsli>
15+
<li>For better context, describe elements by sensory perceptions as well as by labelli>
16+
<li>Fully describe sequences of action, including any dynamic content that appearsli>
17+
<li>When a main page or dialog appears, say its title and describe its featuresli>
18+
<li>When using a mouse to show something (such as to hover, select, scroll, and open), say what you are doingli>
19+
ol>
20+
<h4>Describe any pertinent and meaningful text on the screenh4>
21+
<p>When referring to URLs, dialogs, labels, and headings, read out the text. Sometimes presenters (narrators) just highlight or point to text; speaking the visible text ensures this meaningful text is made accessible to everyone including blind users or those with low vision. When describing actions a user can do, be sure to specifically state the button names to improve the context (for example, "choose the green 'Go' button").p>
22+
<h4>Avoid saying only “this” or “here” to describe UI componentsh4>
23+
<p>This goes hand in hand with the first rule to announce text on the screen. When presenters (narrators) point out “this button” or say “you'll see this”, they are typically referring to a visual cue they are providing on the screen. Someone who can't see the screen lacks the context to understand what is being referenced. Replace or augment “this” and “here” with the labels/titles to provide context: “Choose the blue Save button”, “The Profile Settings dialog appears, with several options.”p>
24+
<h4>For better context, describe elements by sensory perceptions as well as by labelh4>
25+
<p>Including position and other sensory qualities like color can really help some low vision users and users with cognitive disabilities. However, you will want to include other context, such as structural headings, in addition to position (which is usually not very helpful to blind user). For components with visible labels, always read out the label when referring to the component. Where a visible label is absent, but you are aware of other programmatic labeling that will be read by the screen reader (for example, the <code>aria-labelcode> property or page regions), use that text. Also include placement and structure (headings) on the page (for example, “the red “Cancel” button at the bottom right of the dialog”, “Select the “online only” radio button in the Settings options”).p>
26+
<h4>Fully describe sequences of action, including any dynamic content that appearsh4>
27+
<p>When you are demonstrating a process, be sure to describe all steps you are carrying out. As well, announce when status messages appear, such as “loading”, and when other content appears or disappears on the screen.p>
28+
<h4>When a main page or dialog appears, say its title and describe its featuresh4>
29+
<p>When a dialog or page appears, read out its title. For a new page, also describe its purpose or any distinguishing characteristics. Practice a natural storytelling style that does not simply read the text on the screen.p>
30+
<h4>When using a mouse to show something (such as to hover, select, scroll, or open), say what you are doingh4>
31+
<p>When performing complex interactions, especially by mouse, it is sometimes helpful to announce what you plan to do before doing it, then narrate while you are interacting with it, and finally summarize what you just did.p>
32+
<h3>Additional narration is added to gaps in the soundtrackh3>
33+
<p>A marketing video's important visuals can be mainly inferred from the audio soundtrack. However, it only uses on-screen text to identify new speakers, as well as to provide a url at the end of the video where people can go for more information. In post-production a new narrator announces the onscreen text in gaps in the dialog.p>
34+
section><section id="tests"><h2>Testsh2>
35+
<section class="procedure"><h3>Procedureh3>
36+
<ol>
37+
<li>Open the synchronized media that includes audio description.li>
38+
<li>Review the video.li>
39+
<li>Check to see if the main narration is used to convey important information in the visual content, such as new speakers and on-screen text.li>
40+
<li>Where important visual information is not conveyed through the soundtrack or addressed in the original narration, check to see if additional narration has been added in available gaps in the dialog.li>
41+
ol>
42+
section>
43+
<section class="results"><h3>Expected Resultsh3>
44+
<ul>
45+
<li>#3 and #4 are true.li>
46+
ul>
47+
section>
48+
section><section id="related"><h2>Related Techniquesh2><ul>
49+
<li><a href="../general/G78">G78a>li>
50+
<li><a href="../general/G69">G69a>li>
51+
ul>section>body>html>

understanding/20/audio-description-or-media-alternative-prerecorded.html

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@

Intent of Audio Description or Media Alternative (Prerecorded)

5858

5959
<p>
6060
For 1.2.3, 1.2.5, and 1.2.7, if all of the important information in the video track is already
61-
conveyed in the audio track, no audio description is necessary.
61+
conveyed in the audio track, no additional audio description is necessary.
6262

6363

6464
p>
@@ -256,6 +256,10 @@

Sufficient Techniques for Audio Description or Media Alternative (Prerecorde

256256

257257
li>
258258

259+
<li>
260+
<a href="../Techniques/general/G226" class="general">Providing audio descriptions by incorporating narration in the soundtracka>
261+
li>
262+
259263
<li>Using any player that supports audio and videoli>
260264

261265
ul>

understanding/20/audio-description-prerecorded.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@

Intent of Audio Description (Prerecorded)

3535

3636
<p>
3737
For 1.2.3, 1.2.5, and 1.2.7, if all of the important information in the video track is already
38-
conveyed in the audio track, no audio description is necessary.
38+
conveyed in the audio track, no additional audio description is necessary.
3939

4040

4141
p>
@@ -186,7 +186,11 @@

Sufficient Techniques for Audio Description (Prerecorded)

186186
<a href="../Techniques/smil/SM7" class="smil">Providing audio description in SMIL 2.0a>
187187

188188
li>
189-
189+
190+
<li>
191+
<a href="../Techniques/general/G226" class="general">Providing audio descriptions by incorporating narration in the soundtracka>
192+
li>
193+
190194
<li>Using any player that supports audio and videoli>
191195

192196
ul>

0 commit comments

Comments
 (0)