Skip to content

Commit aa43153

Browse files
patrickhlaukealastcmbgower
authored
Add explanation of what "automatic" means in 2.2.2 and 1.4.2, cross-reference (#4012)
Closes #2863 This is an alternative to #2906 which more directly addresses the definition, as well as providing further explanation/cross-linking for overlapping SCs: * removes the mention of "audio" from the intent for 2.2.2 Pause, Stop, Hide, which is clearly aimed at visual content only * adds a basic explanation of what's meant by "starts automatically" to 2.2.2 * adds relevant cross-references/overlaps to other SCs to 2.2.2 * adds a basic explanation of what's meant by "plays automatically" to 1.4.2 Audio Control * adds a further clarification to 2.3.3 Animation from Interactions --------- Co-authored-by: Alastair Campbell <ac@alastc.com> Co-authored-by: Mike Gower <mikegower@gmail.com>
1 parent 104b82b commit aa43153

File tree

3 files changed

+75
-214
lines changed

3 files changed

+75
-214
lines changed

understanding/20/audio-control.html

Lines changed: 9 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -1,157 +1,104 @@
11
<!DOCTYPE html>
22
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
33
<head>
4-
<meta charset="UTF-8"></meta>
4+
<meta charset="UTF-8"/>
55
<title>Understanding Audio Control</title>
66
<link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"/>
77
</head>
88
<body>
99
<h1>Understanding Audio Control</h1>
10-
10+
1111
<section id="brief">
1212
<h2>In brief</h2>
1313
<dl>
1414
<dt>Goal</dt><dd>A page that plays music or sounds doesn't disrupt people.</dd>
1515
<dt>What to do</dt><dd>If you play audio content automatically, let people turn it down or off.</dd>
16-
<dt>Why it's important</dt><dd>Sound distracts some people, and also interferes with screen readers.</dd>
16+
<dt>Why it's important</dt><dd>Sound distracts some people, and also interferes with screen readers.</dd>
1717
</dl>
1818

1919
</section>
20-
20+
2121
<section id="intent">
2222
<h2>Intent of Audio Control</h2>
23-
24-
2523
<p>Individuals who use screen reading software can find it hard to hear the speech output
2624
if there is other audio playing at the same time. This difficulty is exacerbated when
2725
the screen reader's speech output is software based (as most are today) and is controlled
2826
via the same volume control as the sound. Therefore, it is important that the user
29-
be able to turn off the background sound.
27+
be able to turn off the background sound.
3028
</p>
3129
<p>Having control of the volume includes
3230
being able to reduce its volume to zero. Muting the system volume is not "pausing or stopping" the autoplay audio. Both the "pause or stop" and control of audio volume need to be independent of the overall system volume.
3331
</p>
34-
3532
<div class="note">
36-
3733
<p>Playing audio automatically when landing on a page may affect a screen reader user's
3834
ability to find the mechanism to stop it because they navigate by listening and automatically
3935
started sounds might interfere with that navigation. Therefore, we discourage the
4036
practice of automatically starting sounds (especially if they last more than 3 seconds),
41-
and encourage that the sound be
37+
and encourage that the sound be
4238
<em>started</em> by an action initiated by the user after they reach the page, rather than requiring
43-
that the sound be
39+
that the sound be
4440
<em>stopped</em> by an action of the user after they land on the page.
4541
</p>
46-
4742
</div>
48-
49-
<p>See also
50-
<a href="low-or-no-background-audio">1.4.7: Low or No Background Audio</a>.
51-
</p>
52-
53-
43+
<p>See also <a href="low-or-no-background-audio">1.4.7 Low or No Background Audio</a>.</p>
44+
<p>In the context of this Success Criterion, "plays automatically" broadly refers to audio that is not started/played as a direct result of a user's intentional activation. For example, not selecting a link or button.</p>
5445
</section>
5546
<section id="benefits">
5647
<h2>Benefits of Audio Control</h2>
57-
58-
5948
<ul>
60-
6149
<li>Individuals who use screen reading technologies can hear the screen reader without
6250
other sounds playing. This is especially important for those who are hard of hearing
6351
and for those whose screen readers use the system volume (so they cannot turn sound
6452
down and screen reader up).
6553
</li>
66-
6754
<li>This Success Criterion also benefits people who have difficulty focusing on visual
6855
content (including text) when audio is playing.
6956
</li>
70-
7157
</ul>
72-
7358
</section>
74-
7559
<section id="examples">
7660
<h2>Examples of Audio Control</h2>
77-
7861
<ul>
7962
<li>An audio file begins playing automatically when a page is opened. However, the audio
8063
can be stopped by the user by selecting a "silent" link at the top of the page.
8164
</li>
8265
</ul>
83-
8466
</section>
85-
8667
<section id="resources">
8768
<h2>Resources for Audio Control</h2>
88-
89-
9069
</section>
91-
9270
<section id="techniques">
9371
<h2>Techniques for Audio Control</h2>
94-
95-
9672
<section id="sufficient">
9773
<h3>Sufficient Techniques for Audio Control</h3>
98-
99-
10074
<ul>
101-
10275
<li>
103-
10476
<a href="../Techniques/general/G60" class="general">Playing a sound that turns off automatically within three seconds</a>
105-
10677
</li>
107-
10878
<li>
109-
11079
<a href="../Techniques/general/G170" class="general">Providing a control near the top of the Web page that turns off sounds that play automatically</a>
111-
11280
</li>
113-
11481
<li>
115-
11682
<a href="../Techniques/general/G171" class="general">Playing sounds only on user request</a>
117-
11883
</li>
119-
12084
</ul>
121-
12285
</section>
123-
12486
<section id="advisory">
12587
<h3>Additional Techniques (Advisory) for Audio Control</h3>
126-
127-
12888
</section>
129-
13089
<section id="failure">
13190
<h3>Failures for Audio Control</h3>
132-
133-
13491
<ul>
135-
13692
<li>
137-
13893
<a href="../Techniques/failures/F23" class="failure">Failure due to playing a sound longer than 3 seconds where there is no mechanism to
13994
turn it off
14095
</a>
141-
14296
</li>
143-
14497
<li>
145-
14698
<a href="../Techniques/failures/F93" class="failure"></a>
147-
14899
</li>
149-
150100
</ul>
151-
152101
</section>
153-
154102
</section>
155-
156103
</body>
157104
</html>

0 commit comments

Comments
 (0)