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 Using Keyboard Operations

Here, we compile examples of how to conduct the check methods indicated for each checklist item using keyboard operations.

Check ID: 0172

When moving the focus, the focus moves in a natural order that is consistent with the context, layout, and operating procedures among the following components.

Links and Buttons

Form controls

Everything else that accepts mouse, keyboard, or touch operation

ID 0172-keyboard-01

Behavior when moving focus using the Tab / Shift+Tab key fulfills the following:

The focus moves to all the links, buttons, form controls, and components that accepts operation.
The focus moves in a natural order that is consistent with the context, layout, and operating procedures.

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

ID 0201-keyboard-01

Behavior when moving the focus sequentially from the top of the page using the Tab key fulfills the following:

Pressing the :kbd:` / 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 / 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.

Check ID: 0801

Components commonly used on multiple pages/screens, such as global navigation, header, footer, breadcrumb list, and support UI, have the same order of appearance on all pages/screens. and

The order of appearance of links and buttons within these components is the same on all pages/screens.

ID 0801-keyboard-01

Focus moves in a consistent order across multiple pages when moving the focus using the Tab / Shift+Tab key.

Check ID: 0956

Radio buttons can be operated using the keyboard.

ID 0956-keyboard-01

All of the following are met when performing keyboard operations:

Radio buttons are grouped in appropriate units, such as choices for the same question, and when moving the focus using the Tab / Shift+Tab keys, the focus moves to only one radio button in each group.
When the focus is on a radio button in a group, the selection state of the radio buttons in the group can be changed using the arrow keys, and the focus moves to the selected radio button.
When the selection state of a radio button is changed using the arrow keys, the state of a radio button that does not belong to the group is not affected or the focus does not move to such a radio button.

Check ID: 0957

Check boxes can be operated using the keyboard.

ID 0957-keyboard-01

All of the following are met when performing keyboard operations:

There are no check boxes that cannot be reached when moving the focus using the Tab / Shift+Tab keys.
The on/off state of the focused check box can be toggled by pressing the space key.

Check ID: 1071

Unexpected behavior does not occur when manipulating forms.

ID 1071-keyboard-01

Unexpected behaviors that are not very common do not occur when manipulating form controls such as edit boxes, check boxes, and radio buttons on the page/screen:

The display content changes significantly.
Automatic transition to another page/screen
The content of a field already entered by the user is automatically changed (especially undesirable if the field being changed is located before the field that was manipulated).