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.
Examples of How to Conduct Checks with Other Methods
Here, we compile examples of how to conduct the check methods indicated for each checklist item with other methods.
Check ID: 0021
Sufficient contrast ratio is maintained between the display color of the text and the background color.
ID 0021-webaim-01
Verified that the content meets the following color contrast requirement using the WebAIM Color Contrast Checker:
Font Size: 29px(22pt)or larger; 3:1 or higher
Font Size: 24px(18pt)or larger and bold; 3:1 or higher
In other cases:4.5:1 or higher
Check ID: 0081
In objects that accept mouse clicks, such as links and buttons, it is possible to cancel the operation even after pressing the mouse button.
Note:Objects for drag and drop are not subject to this check.
ID 0081-mouse-01
No functionality is executed upon performing the following with the mouse:
Move the mouse pointer onto the object
Press the mouse button
Move the mouse pointer outside the object while holding down the mouse button
Release the mouse button
Check ID: 0111
All content displayed on mouseover does not disappear against the user’s intention even when using the magnification function.
ID 0111-content-00
There are no content displayed on mouseover on the screen to be checked.
ID 0111-mouse-01
The content displayed on mouseover can be hidden without moving the mouse pointer. (Press the ESC key or click the mouse on the displayed content)
ID 0111-mouse-02
The content displayed on mouseover is hidden only when when the mouseover state is removed, the user performs an operation to hide it, or the content becomes invalid.
Check ID: 0112
Content displayed on mouseover can be enlarged.
ID 0112-content-00
There are no content displayed on mouseover on the screen to be checked.
ID 0112-mouse-01
The content displayed on mouseover does not disappear when the mouse pointer is moved over it.
Check ID: 0141
Shortcut keys do not interfere with the operation of assistive technologies.
ID 0141-content-00
There are no shortcut keys provided on the screen to be checked.
ID 0141-content-01
Shortcut keys can only be used when a specific part of the screen has focus.
ID 0141-content-02
Users can disable shortcut keys.
ID 0141-content-03
Users can change shortcut assignments.
Check ID: 0261
Links are provided with text that makes it easy to guess the destination.
ID 0261-content-00
There are no links on the screen to be checked.
ID 0261-content-01
There are no links that are like “click here for *” where only the “here” part is a link. (In this case, make the entire “click here for *” a link.)
ID 0261-content-02
The intent of the link text is clearly defined in the markup. (For example, it can be easily inferred from the heading immediately before the link.)
Check ID: 0262
In the same context, consistent text and icons are used for links that have the same transition destination and buttons that have the same purpose.
ID 0262-content-00
There are no multiple links that transition to the same screen or multiple buttons that execute the same function on the screen to be checked.
ID 0262-content-01
Consistent text and icons are used for multiple links that transition to the same screen or multiple buttons that execute the same function on the same screen.
Check ID: 0351
Images used as buttons or links have large enough area that responds to clicks and touches
ID 0351-content-00
There are no images used as buttons or links on the screen to be checked.
ID 0351-content-01
The size of the area that responds to clicks and touches of images used as buttons or links is at least 24 x 24 CSS px for desktop Web, preferably larger than 44 x 44 CSS px, and larger than 44 x 44 CSS px for mobile Web.
Check ID: 0352
Form controls such as checkboxes, radio buttons, and buttons have large enough area that responds to clicks and touches.
ID 0352-content-00
There are no form controls on the screen to be checked.
ID 0352-content-01
The appearance of form controls has not been changed from the browser default.
ID 0352-content-02
The area that responds to clicks and touches of form controls meets the following conditions:
for desktop Web: at least 24 x 24 CSS px, preferably larger than 44 x 44 CSS px
for mobile Web: larger than 44 x 44 CSS px
Check ID: 0411
Text that describes the purpose and the status of icons is announced by screen reader.
ID 0411-content-00
There are no icons on the screen to be checked.
Check ID: 0412
There are no icons without accompanying text labels displayed, that are the same shape and size, and differ only in color. (e.g., multiple icons representing different states must be distiguishable not only by difference in color.)
ID 0412-content-00
There are no icons without accompanying text labels displayed on the screen to be checked.
ID 0412-content-01
Icons without accompanying text labels that represent different states or functions have visual differences other than color.
Check ID: 0413
When an icon is displayed together with a text label, the same content is not announced twice by the screen reader.
ID 0413-content-00
There are no icons on the screen to be checked.
Check ID: 0441
Image descriptions are properly announced by the screen reader.
ID 0441-content-00
The images on the target screen are only for decorative purposes.
Check ID: 0471
Images that do not contain any information or functionality are ignored by the screen reader.
ID 0471-content-00
There are no images that do not contain any information or functionality on the screen to be checked.
Check ID: 0531
The screen reader announces the same content as the images of text.
ID 0531-content-00
There are no images of text at all on the screen to be checked.
ID 0531-content-01
There are no images of text, except for text within logos of companies, banners, figures, or photographs, on the screen to be checked.
Check ID: 0561
Headings are recognized by the screen reader as headings of the heading levels indicated in the design documents.
ID 0561-content-00
The target of the check is a modal dialog that does not contain any headings.
Check ID: 0562
The screen reader properly recognizes tables and their cells.
ID 0562-content-00
There are no tables on the screen to be checked.
Check ID: 0591
Non-static text (e.g., open/close menus, tab panels, date selection UI) can be manipulated by the screen reader without difficulty.
ID 0591-content-00
There are only static texts on the screen to be checked.
Check ID: 0682
All content on the page is placed in the appropriate area indicated by ARIA landmarks.
ID 0682-misc-01
Every part of the page content is contained in an appropriate ARIA landmark region when viewed using a browser with the Landmark Navigation via Keyboard or Pop-up extention installed.
Check ID: 0921
When text containing multiple languages is read out loud using a reading environment that supports multiple languages, the text is read out loud by the appropriate language’s speech engine.
ID 0921-content-00
There is only text in a single language on the screen to be checked.
Check ID: 0951
Form controls, such as edit boxes, check boxes, and radio buttons, are properly labeled.
ID 0951-content-00
There are no form controls, such as edit boxes, check boxes, and radio buttons, on the screen to be checked.
Check ID: 0956
Radio buttons can be operated using the keyboard.
ID 0956-content-00
There are no radio buttons on the screen to be checked.
Check ID: 0957
Check boxes can be operated using the keyboard.
ID 0957-content-00
There are no check boxes on the screen to be checked.
Check ID: 1071
Unexpected behavior does not occur when manipulating forms.
ID 1071-content-00
There are no form controls on the screen to be checked.
ID 1071-content-01
If the behavior indicated in 1071-keyboard-01 occurs during form operations, it is explicitly communicated to the user that such behavior will occur.
Check ID: 1101
When an error related to form entry occurs, text information that specifically identifies the nature of the error is displayed.
ID 1101-content-00
There are no input forms on the screen to be checked.
ID 1101-content-01
When performing form input that causes an error, text information that specifically identifies the nature of the error is displayed.
Check ID: 1131
Error messages related to form entry indicate how to correct the error.
ID 1131-content-00
There are no input forms on the screen to be checked.
ID 1131-content-01
When performing form input that causes an error, text information is displayed that indicates how to correct the error.
Check ID: 1191
Status messages, such as the result of an operation, are automatically announced by the screen reader.
ID 1191-content-00
No status messages are displayed on the screen to be checked.
Check ID: 1251
There is no automatically updated content that hinders user concentration.
ID 1251-content-00
There is no content that is automatically updated on the screen to be checked.
ID 1251-content-01
The user can change the update frequency of the automatically updated content.
ID 1251-content-02
The user can stop automatic updates.
Check ID: 1411
If there is an audio or video player embedded in the page, it is easy to recognize that fact.
ID 1411-content-00
There are no audio or video players embedded in the screen to be checked.
ID 1411-content-01
The audio or video player embedded in the page is properly labeled so that it is clear that there is a player there.
ID 1411-content-02
The audio or video player embedded in the page can be inferred from the text before and after that there is a player there.
Check ID: 1441
There is no conten containing audio that starts automatically and interferes with the screen reader’s speech output.
ID 1441-content-00
There is no content containing audio that starts automatically on the screen to be checked.
ID 1441-content-01
The audio playback of content containing audio that starts automatically ends within 3 seconds.
Check ID: 1471
There are no videos or animations that start automatically and interfere with the user’s attention.
ID 1471-content-00
There are no videos or animations that start automatically on the screen to be checked.
ID 1471-content-01
Videos or animations that start automatically finish playing within 5 seconds.
ID 1471-content-02
The user can stop, pause, or hide videos or animations that start automatically.
Check ID: 1501
The audio and video content is provided in such a way that the information on the screen can be conveyed without any deficiency even without the content, and it is explicitly labeled as an alternative or supplement to the textual information.
ID 1501-content-00
There is no audio content, video, or animation on the screen to be checked.
ID 1501-content-01
The audio content, video, or animation conveys the same information as the text information, and the absence of that content does not hinder understanding of the information or use of the service.
ID 1501-content-02
The audio content, video, and animation are explicitly stated to be the same content as the text information.
Check ID: 1531
Synchronized captions are provided for content that includes audio.
ID 1531-content-00
There is no content that includes audio on the target screen.
ID 1531-content-01
Synchronized captions are provided for content that includes audio.
Check ID: 1561
For video content, visually impaired individuals who cannot see the images can use the service and obtain necessary information without any hindrance.
ID 1561-content-00
There is no video content on the target screen.
ID 1561-content-01
The video content conveys the same information as the text information, and the absence of that video content does not hinder understanding of the information or use of the service.
ID 1561-content-02
For video content, visually presented information can be easily inferred from the content of the originally recorded audio track.
ID 1561-content-03
Video includes audio description.
ID 1561-content-04
A textual description of the video is provided.
Check ID: 1562
All videos are designed to be understandable to visually impaired individuals who cannot see the images.
ID 1562-content-00
There is no video content on the target screen.
ID 1562-content-01
For video content, visually presented information can be easily inferred from the content of the originally recorded audio track.
ID 1562-content-02
Video includes audio description.
Check ID: 1591
For audio-only content with no video, a transcribed audio text is provided.
ID 1591-content-00
There is no audio content on the target screen.
ID 1591-content-01
The audio content conveys the same information as the text information, and the absence of that audio content does not hinder understanding of the information or use of the service.
ID 1591-content-02
A text transcribed from the audio content is provided.
Check ID: 1621
Sign language interpretation synchronized with the audio information is provided.
ID 1621-content-00
There is no content with audio on the target screen.
ID 1621-content-01
Content with audio includes synchronized sign language interpretation.
Check ID: 1651
In content with audio, the background sound is at an appropriate volume.
ID 1651-content-00
There is no audio content on the target screen.
ID 1651-content-01
The audio content is sufficiently audible.