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.

See Also: Tab/Shift+Tabキーを用いたチェック

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

Confirm the following by moving the focus using Tab key, or Shift+Tab key:

• 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

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.

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

Confirm that the focus moves in a consistent order across multiple pages when moving the focus using the Tab key and Shift+Tab key.

Check ID: 0956

Radio buttons can be operated using the keyboard.

ID 0956-keyboard-01

Perform keyboard operations and confirm that all of the following are met:

• 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

Perform keyboard operations and confirm that all of the following are met:

• 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.