Caution
This document is an English translation of the “freee Accessibility Guidelines.” The normative version of this document is in Japanese, and the English version is informational. The English translation is incomplete, and any links with their link texts left in Japanese are untranslated. Please be aware that there may be inaccuracies in the translation or parts that are outdated.
Audio and Video Content
These guidelines are for audio-only content, video content with audio, and video-only content.
Explicitly Indicate the Presence of Audio and Video Content
Ensure that users can perceive the presence of audio and video content.
- Target Platforms
Web, Mobile
- Intent
Ensure that users with visual or hearing impairments can perceive the presence of content that includes audio or video.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.1.1 (Level A): Non-text Content
- Supplementary Information
Checklist Items
Check ID: 1411
For audio/video players that are embedded in the page, they are properly labeled so that it is easily recognizable that the player is there. OR
It can be inferred from the text before and after that the player is there.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Autoplay of Sound
Do not autoplay audio that is longer than 3 seconds.
- Target Platforms
Web, Mobile
- Intent
Do not interfere with the audio output of screen readers.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.4.2 (Level A): Audio Control
- Supplementary Information
Checklist Items
Check ID: 1421
There is no audio content that plays automatically for more than 3 seconds.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[CRITICAL]
Check ID: 1441
There is no audio content that automatically plays for more than 3 seconds in length.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[CRITICAL]
Content that Moves
Do not create content that automatically starts and lasts for more than 5 seconds, such as animations and videos that include visual movement. If you create such content, ensure that users can pause, stop, or hide it.
- Target Platforms
Web, Mobile
- Intent
Ensure that users with low vision or cognitive disabilities are not distracted.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 2.2.2 (Level A): Pause, Stop, Hide
Checklist Items
Check ID: 1451
There are no videos or animations that start automatically and last for more than 5 seconds. Or
Videos or animations can be stopped, paused, or hidden.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[MAJOR]
Check ID: 1471
There is no video or animation that starts automatically and lasts longer than 5 seconds. or
Video or animation can be stopped, paused, or hidden.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[MAJOR]
Avoid Keyboard Traps
When embedding an audio/video player in a page, ensure that it is possible to move the focus away from the component by using the Tab key , arrow keys, or Esc key.
- Target Platforms
Web
- Intent
Ensure that specific components on a page do not prevent access to other parts of the page when using only a keyboard.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 2.1.2 (Level A): No Keyboard Trap
- Supplementary Information
Checklist Items
Check ID: 0201
When moving the focus using Tab/Shift+Tab keys, the focus does not get stuck at certain location, or
If the focus gets stuck at certain location, simple operation such as pressing arrow keys or Esc key gets the focus away from the location
Examples of components that require special caution:
audio and/or video players
pop-up menus
modal dialogs
- Applicable Stages
Product
- Target Platforms
Web
- Severity
[CRITICAL]
Check Procedure: Web
Confirm 0201-keyboard-01 passes below.
0201-keyboard-01: An Example of Performin the Check with Keyboard
Use the Tab key to sequentially move the focus from the top of the page and confirm the following:
Pressing the Tab key or Shift+Tab key does not cause a situation where the focus cannot escape from a specific location, or
If the focus cannot escape by pressing the Tab key or Shift+Tab key, it is possible to remove the focus from the corresponding location with simple key operations such as the arrow keys or the Esc key.
Ensure Content Is Equivalent to Text Information
Use audio and video content as an alternative to text information, and explicitly indicate that the content is an alternative to text information.
- Target Platforms
Web, Mobile
- Intent
Ensure that users who cannot use audio and video content can use the content without any problems.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.2.1 (Level A): Audio-only and Video-only (Prerecorded)
Success Criterion 1.2.2 (Level A): Captions (Prerecorded)
Success Criterion 1.2.3 (Level A): Audio Description or Media Alternative (Prerecorded)
Success Criterion 1.2.4 (Level AA): Captions (Live)
- Supplementary Information
Checklist Items
Check ID: 1481
Audio and video content is clearly indicated as being supplementary to or an alternative to text information, and is designed so that information is conveyed adequately even when the content is not present.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[MAJOR]
Check ID: 1501
EThe audio and video content is provided in such a way that it is not essential to perceive the information, and the content is explicitly labeled as a substitute or supplement to the textual information.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[MAJOR]
Provide Captions
In audio and video content that is not an alternative to text information, provide synchronized captions for the audio information.
- Target Platforms
Web, Mobile
- Intent
Ensure that the service remains accessible even for those who cannot understand the audio information.
Make it possible for individuals with hearing impairments to understand the audio information in audio and video content.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.2.2 (Level A): Captions (Prerecorded)
Success Criterion 1.2.4 (Level AA): Captions (Live)
- Supplementary Information
Checklist Items
Check ID: 1511
Content that includes audio is provided with synchronized captions.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Check ID: 1531
Synchronized captions are provided for content that includes audio.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Provide Transcripts
Provide a transcript for pre-recorded audio-only content that is not an alternative to text information.
- Target Platforms
Web, Mobile
- Intent
Ensure that the service remains accessible even for those who cannot understand the audio information.
Make it possible for individuals with hearing impairments to understand audio-only content.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.2.1 (Level A): Audio-only and Video-only (Prerecorded)
- Supplementary Information
Checklist Items
Check ID: 1571
For content that consists of audio only without video, a transcript of the audio is provided.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Check ID: 1591
For audio-only content with no video, a transcribed audio text is provided.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Provide Text or Audio Description
In audio and video content that is not a text alternative, for pre-recorded content with video, provide synchronized audio information or text descriptions that make the content of the video understandable.
- Target Platforms
Web, Mobile
- Intent
Ensure that the service remains accessible even for those who cannot understand the video information.
Make it possible for individuals with visual impairments to understand video content.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.2.3 (Level A): Audio Description or Media Alternative (Prerecorded)
- Supplementary Information
Checklist Items
Check ID: 1541
The video allows for easy inference of the visual content from the originally recorded audio track. Or,
The video includes audio descriptions. Or,
Descriptions regarding the visuals are provided in text.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Check ID: 1561
For video content, visually presented information can be easily inferred from the content of the originally recorded audio track. Or
Video includes audio description. OR
A textual description of the video is provided.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Provide Audio Description
In all audio and video content, for pre-recorded content with video, provide synchronized audio information that makes the content of the video understandable.
- Target Platforms
Web, Mobile
- Intent
Ensure that the service remains accessible even for those who cannot understand the video information.
Make it possible for individuals with visual impairments to understand video content.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.2.3 (Level A): Audio Description or Media Alternative (Prerecorded)
Success Criterion 1.2.5 (Level AA): Audio Description (Prerecorded)
- Supplementary Information
Checklist Items
Check ID: 1542
The video allows for easy inference of the visual content from the originally recorded audio track. Or,
The video includes audio descriptions.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Check ID: 1562
For video content, visually presented information can be easily inferred from the content of the originally recorded audio track. Or
Video includes audio description.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Provide Sign Language
Provide synchronized sign language interpretation for the audio information in pre-recorded content.
- Target Platforms
Web, Mobile
- Intent
Make it possible for individuals with hearing impairments who use sign language as their primary language to understand the audio information in audio and video content.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.2.6 (Level AAA): Sign Language (Prerecorded)
- Supplementary Information
Checklist Items
Check ID: 1601
Synchronized sign language interpretation is provided for the audio information in videos.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[MINOR]
Check ID: 1621
Synchronized sign language interpretation is provided for the audio information in the video.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[MINOR]
Sufficiently Low Background Sound
In the case of pre-recorded content that only contains audio and no video, when there is a primary spoken voice, ensure there is no background sound, or that the volume of the background sound is at least 20db lower than the primary spoken voice.
- Target Platforms
Web, Mobile
- Intent
Make the content of audio easily comprehensible.
- Corresponding Success Criteria of WCAG 2.1
Success Criterion 1.4.7 (Level AAA): Low or No Background Audio
- Supplementary Information
Checklist Items
Check ID: 1631
The audio content is sufficiently easy to listen to.
- Applicable Stages
Design
- Target Platforms
Web, Mobile
- Severity
[NORMAL]
Check ID: 1651
Sufficient audibility is provided for the audio content.
- Applicable Stages
Product
- Target Platforms
Web, Mobile
- Severity
[NORMAL]