41 lines
1.8 KiB
Markdown
41 lines
1.8 KiB
Markdown
[Back to 1 Perceivable index](index.html)
|
|
|
|
# 1.4.2 Audio Control
|
|
|
|
- Level: A
|
|
- Guideline: 1.4 Distinguishable
|
|
- Principle: 1 Perceivable
|
|
|
|
## What it is
|
|
|
|
If any audio on a web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level.
|
|
|
|
## How to test
|
|
|
|
- Check: If any audio on a web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level.
|
|
- Use the sufficient techniques below as acceptable methods when applicable.
|
|
- Confirm none of the common failures apply.
|
|
|
|
## Sufficient techniques (W3C)
|
|
|
|
- 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
|
|
|
|
## Common failures (W3C)
|
|
|
|
- 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
|
|
|
|
## Notes
|
|
|
|
- Note: Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the web page (whether or not it is used to meet other success criteria) must meet this success criterion. See Conformance Requirement 5: Non-Interference.
|
|
|
|
## Resources
|
|
|
|
- WCAG 2.2 SC: https://www.w3.org/TR/WCAG22/#audio-control
|
|
- Understanding: https://www.w3.org/WAI/WCAG22/Understanding/audio-control.html
|
|
- Quick reference: https://www.w3.org/WAI/WCAG22/quickref/?versions=2.2#audio-control
|
|
|
|
[Back to 1 Perceivable index](index.html)
|