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: Checking with the Tab / Shift+Tab Keys

Check ID: 0171

When operating with the keyboard, the focus position can always be visually confirmed.

ID 0171-keyboard-01

Confirm that the focus position can always be visually confirmed by moving the focus from the top of the page using the Tab key.

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: 0173

When operating with the keyboard, no unexpected or confusing display changes occur automatically.

ID 0173-keyboard-01

When moving focus with the Tab / Shift+Tab key, the following behaviors do not occur automatically:

• Form submission

• Layout changes

• Page transitions

• Modal dialog display

• Significant changes in displayed content

Check ID: 0174

Modal dialogs can be operated using only the keyboard.

ID 0174-keyboard-01

When the Tab key is pressed immediately after a modal dialog is displayed, the focus moves into the modal dialog.

ID 0174-keyboard-02

When the focus is moved by pressing Tab / Shift+Tab within the modal dialog, the focus does not move outside of the modal dialog.

ID 0174-keyboard-03

When the modal dialog is closed, the focus returns to the position immediately before the modal dialog was opened or to an adjacent position.

Check ID: 0201

No situation occurs where the focus is trapped in a specific location when operating with the keyboard only.

Examples of components that require special attention:

• Video or audio content players

• Popup menus

• Modal dialogs

ID 0201-keyboard-01

When moving the focus sequentially from the top of the page using the Tab key, no situation occurs where the focus cannot escape from a specific location.

ID 0201-keyboard-02

If the focus cannot escape by pressing the Tab / Shift+Tab keys, it can be moved away from that location using simple key operations such as the arrow keys or the Esc key.

ID 0201-keyboard-03

If the focus cannot escape by pressing the Tab / Shift+Tab keys, there is a button or menu to hide that component, and it can be operated using only the keyboard.

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