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: 0352
Form controls such as checkboxes, radio buttons, and buttons have large enough area that responds to clicks and touches.
ID 0352-content-none
There are no form controls on the screen to be checked.
ID 0352-content-default
The appearance of form controls has not been changed from the browser default.
ID 0352-content-size
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-none
There are no icons on the screen to be checked.
ID 0411-content-01
What is announced by the screen reader properly convey the role and the state of the icon.
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-none
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-none
There are no images on the screen to be checked, except for those used for decoration purpose.
ID 0441-content-01
Brief and detailed descriptions announced by the screen reader properly convey the content of the image.
Check ID: 0471
Images that do not contain any information or functionality are ignored by the screen reader.
ID 0471-content-none
There are no images that do not contain any information or functionality on the screen to be checked.
Check ID: 0562
The screen reader properly recognizes tables and their cells.
ID 0562-content-none
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-none
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-none
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-none
There are no form controls, such as edit boxes, check boxes, and radio buttons, on the screen to be checked.