Warning:
This wiki has been archived and is now read-only.
SC1-4-2-audio-control-audio
Back to Success Criterion 1.4.2 Audio Control
Contents
Status
Description
This test checks that there isn't an automatically started sound after the web page is loaded. If the sound plays automatically this test checks that the sound is no longer than 3 seconds or that there is at the top of the web page a mechanism to control the sound.
Background
- G60: Playing a sound that turns off automatically within three seconds
- G170: Providing a control near the beginning of the Web page that turns off sounds that play automatically
- G171: Playing sounds only on user request
- F23: Failure of 1.4.2 due to playing a sound longer than 3 seconds where there is no mechanism to turn it off
- F93: Failure of Success Criterion 1.4.2 for absence of a way to pause or stop an HTML5 media element that autoplays
Assumptions
- The test assumes that audio is rendered in the <audio> element. Therefore this test checks exclusive audio content in the <audio> element.
- The test assumes that video is rendered in the <video> element. Therefore this test checks exclusive video content in the <video> element.
- This test states that the links or buttons for the mechanism to control the sound is one of the first five links or buttons on the web page. This is more specific then the WCAG documentation.
Test properties
| Property | Possible values |
|---|---|
| Test name | Audio control |
| Test requirement | SC 1.4.2 |
| Test mode | SemiAuto |
| Test environment | DOM |
| Test subject | single web page |
| User expertise and skills | no prior knowledge |
| User profile | Requires hearing |
Test procedure
Selector
earl:automatic//*[self::audio or self::video]
Step 1
earl:automaticCheck if the <audio> or <video> is paused. Check paused property.
If true, return:
| Property | Value |
|---|---|
| TestCase | SC1-4-2-audio-control |
| Identifier | SC1-4-2-audio-control-pass1 |
| Outcome | passed |
| Pointer | position |
| Info |
Else continue with #Step 2
Step 2
earl:automaticCheck if the sound is muted. Check muted property.
If true, return:
| Property | Value |
|---|---|
| TestCase | SC1-4-2-audio-control |
| Identifier | SC1-4-2-audio-control-pass2 |
| Outcome | passed |
| Pointer | position |
| Info |
Else continue with #Step 3
Step 3
earl:automaticCheck that the sound is no longer than 3 seconds.
Check duration property is no longer than 3 seconds.
If true, continue with #Step 4
Else continue with #Step 5
Step 4
earl:automaticCheck if the sound has a loop. Check loop property.
If true, continue with #Step 5
Else, return:
| Property | Value |
|---|---|
| TestCase | SC1-4-2-audio-control |
| Identifier | SC1-4-2-audio-control-pass3 |
| Outcome | passed |
| Pointer | position |
| Info |
Step 5
earl:manualCheck if the video plays audio.
User input question
Item presented to the user: Web page with an automatically started sound.
Question: Is there audio playing on the web page?
Answer options: "yes/no"
Help text: There should not be audio playing automatically on the web page loads.
Repair suggestion: none
Properties of the test step:
- context-sensitive = yes
- user interaction (with the web content) required = no
If yes, continue with #Step 6.
Else, return:
| Property | Value |
|---|---|
| TestCase | SC1-4-2-audio-control |
| Identifier | SC1-4-2-audio-control-pass4 |
| Outcome | passed |
| Pointer | position |
| Info |
Step 6
earl:manualCheck if a mechanism to control the sound is provided as one of the first five links or buttons on the web page.
User input question
Item presented to the user: Web page with an automatically started sound.
Question: Does the web page provide a mechanism to control the sound as one of the first five links or buttons?
Answer options: "yes/no"
Help text: A mechanism to pause or stop the video or audio, or control the volume or mute the audio must be available on the web page. The mechanism must be located as one of the first five links or buttons of the web page. This way people (with screen readers) can turn off the sound before reading the web page. To inspect this, use the tab key to navigate through the web page.
Repair suggestion: none
Properties of the test step:
- context-sensitive = yes
- user interaction (with the web content) required = yes
If yes, return:
| Property | Value |
|---|---|
| TestCase | SC1-4-2-audio-control |
| Identifier | SC1-4-2-audio-control-pass5 |
| Outcome | passed |
| Pointer | position |
| Info |
Else, return:
| Property | Value |
|---|---|
| TestCase | SC1-4-2-audio-control |
| Identifier | SC1-4-2-audio-control-fail1 |
| Outcome | failed |
| ErrorMessage | No mechanism to control the automaticaly started sound available at the top of the web page. |
| Pointer | position |
| Info |