-
Notifications
You must be signed in to change notification settings - Fork 320
Add explanation of what "automatic" means in 2.2.2 and 1.4.2, cross-reference #4012
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from 9 commits
Commits
Show all changes
21 commits
Select commit
Hold shift + click to select a range
4ef05e3
Whitespace
patrickhlauke dd3a053
Remove the "audio" mention in the intent - this is not about audio, i…
patrickhlauke 43c629b
Add explanation of what "starts automatically" means, plus notes with…
patrickhlauke 9e48446
Add the same explanation of "automatic" to 1.4.2
patrickhlauke 10a8283
Clean up formatting and add additional note to 2.3.3
patrickhlauke 10957c5
Update understanding/20/audio-control.html
alastc c2a39ab
Update understanding/20/pause-stop-hide.html
alastc b511327
Update understanding/20/pause-stop-hide.html
alastc 4b3558e
Update understanding/20/audio-control.html
alastc 3e2cda7
Update understanding/20/audio-control.html
alastc 2ebcde1
Update understanding/21/animation-from-interactions.html
alastc 0909e50
Update understanding/20/pause-stop-hide.html
alastc 574cebc
Merge branch 'main' into patrickhlauke-issue2863
patrickhlauke 0ab2911
Generalise mention of 2.3.2/2.3.1
patrickhlauke f87cd4a
Change wording for "continual movement" per Detlev's suggestion
patrickhlauke 8be1a18
Merge branch 'patrickhlauke-issue2863' of https://github.com/w3c/wcag…
patrickhlauke c100545
Add "interactions" to the 2.2.1 reference
patrickhlauke 7025f3e
Turn paragraph around for more clarity
patrickhlauke 759a206
Merge branch 'main' into patrickhlauke-issue2863
patrickhlauke 5bd8c82
Update understanding/20/pause-stop-hide.html
patrickhlauke 6248dae
Merge branch 'main' into patrickhlauke-issue2863
patrickhlauke File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,157 +1,105 @@ | ||
<!DOCTYPE html> | ||
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | ||
<meta charset="UTF-8"></meta> | ||
<meta charset="UTF-8"/> | ||
<title>Understanding Audio Control</title> | ||
<link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"/> | ||
</head> | ||
<body> | ||
<h1>Understanding Audio Control</h1> | ||
|
||
<section id="brief"> | ||
<h2>In brief</h2> | ||
<dl> | ||
<dt>Goal</dt><dd>A page that plays music or sounds doesn't disrupt people.</dd> | ||
<dt>What to do</dt><dd>If you play audio content automatically, let people turn it down or off.</dd> | ||
<dt>Why it's important</dt><dd>Sound distracts some people, and also interferes with screen readers.</dd> | ||
<dt>Why it's important</dt><dd>Sound distracts some people, and also interferes with screen readers.</dd> | ||
</dl> | ||
|
||
</section> | ||
|
||
<section id="intent"> | ||
<h2>Intent of Audio Control</h2> | ||
|
||
|
||
<p>Individuals who use screen reading software can find it hard to hear the speech output | ||
if there is other audio playing at the same time. This difficulty is exacerbated when | ||
the screen reader's speech output is software based (as most are today) and is controlled | ||
via the same volume control as the sound. Therefore, it is important that the user | ||
be able to turn off the background sound. | ||
be able to turn off the background sound. | ||
</p> | ||
<p>Having control of the volume includes | ||
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. | ||
</p> | ||
|
||
<div class="note"> | ||
|
||
<p>Playing audio automatically when landing on a page may affect a screen reader user's | ||
ability to find the mechanism to stop it because they navigate by listening and automatically | ||
started sounds might interfere with that navigation. Therefore, we discourage the | ||
practice of automatically starting sounds (especially if they last more than 3 seconds), | ||
and encourage that the sound be | ||
and encourage that the sound be | ||
<em>started</em> by an action initiated by the user after they reach the page, rather than requiring | ||
that the sound be | ||
that the sound be | ||
<em>stopped</em> by an action of the user after they land on the page. | ||
</p> | ||
|
||
</div> | ||
|
||
<p>See also | ||
<a href="low-or-no-background-audio">1.4.7: Low or No Background Audio</a>. | ||
</p> | ||
|
||
|
||
<p>See also <a href="low-or-no-background-audio">1.4.7 Low or No Background Audio</a>.</p> | ||
<p>In the context of this Success Criterion, "plays automatically" broadly refers to audio | ||
that is not the direct result of a user's intentional activation, for example, selecting a link or button.</p> | ||
</section> | ||
<section id="benefits"> | ||
<h2>Benefits of Audio Control</h2> | ||
|
||
|
||
<ul> | ||
|
||
<li>Individuals who use screen reading technologies can hear the screen reader without | ||
other sounds playing. This is especially important for those who are hard of hearing | ||
and for those whose screen readers use the system volume (so they cannot turn sound | ||
down and screen reader up). | ||
</li> | ||
|
||
<li>This Success Criterion also benefits people who have difficulty focusing on visual | ||
content (including text) when audio is playing. | ||
</li> | ||
|
||
</ul> | ||
|
||
</section> | ||
|
||
<section id="examples"> | ||
<h2>Examples of Audio Control</h2> | ||
|
||
<ul> | ||
<li>An audio file begins playing automatically when a page is opened. However, the audio | ||
can be stopped by the user by selecting a "silent" link at the top of the page. | ||
</li> | ||
</ul> | ||
|
||
</section> | ||
|
||
<section id="resources"> | ||
<h2>Resources for Audio Control</h2> | ||
|
||
|
||
</section> | ||
|
||
<section id="techniques"> | ||
<h2>Techniques for Audio Control</h2> | ||
|
||
|
||
<section id="sufficient"> | ||
<h3>Sufficient Techniques for Audio Control</h3> | ||
|
||
|
||
<ul> | ||
|
||
<li> | ||
|
||
<a href="../Techniques/general/G60" class="general">Playing a sound that turns off automatically within three seconds</a> | ||
|
||
</li> | ||
|
||
<li> | ||
|
||
<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> | ||
|
||
</li> | ||
|
||
<li> | ||
|
||
<a href="../Techniques/general/G171" class="general">Playing sounds only on user request</a> | ||
|
||
</li> | ||
|
||
</ul> | ||
|
||
</section> | ||
|
||
<section id="advisory"> | ||
<h3>Additional Techniques (Advisory) for Audio Control</h3> | ||
|
||
|
||
</section> | ||
|
||
<section id="failure"> | ||
<h3>Failures for Audio Control</h3> | ||
|
||
|
||
<ul> | ||
|
||
<li> | ||
|
||
<a href="../Techniques/failures/F23" class="failure">Failure due to playing a sound longer than 3 seconds where there is no mechanism to | ||
turn it off | ||
</a> | ||
|
||
</li> | ||
|
||
<li> | ||
|
||
<a href="../Techniques/failures/F93" class="failure"></a> | ||
|
||
</li> | ||
|
||
</ul> | ||
|
||
</section> | ||
|
||
</section> | ||
|
||
</body> | ||
</html> |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.