You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Use the Tab key to sequentially move the focus from the top of the page and confirm the following:
38
+
Behavior when moving the focus sequentially from the top of the page using the Tab key fulfills the following:
39
39
40
40
* Pressing the Tab key or Shift+Tab key does not cause a situation where the focus cannot escape from a specific location, or
41
41
* 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.
Form controls, such as checkboxes, radio buttons, buttons, etc., have large enough area that responds to clicks and touches, when their appearance is changed from the browser default.
11
+
Form controls such as checkboxes, radio buttons, and buttons have large enough area that responds to clicks and touches.
12
+
conditions:
13
+
- platform: web
14
+
type: or
15
+
conditions:
16
+
- type: simple
17
+
tool: misc
18
+
id: "0352-content-none"
19
+
procedure:
20
+
ja: |-
21
+
チェック対象の画面には、フォーム・コントロールが存在しない。
22
+
en: |-
23
+
There are no form controls on the screen to be checked.
24
+
- type: simple
25
+
tool: misc
26
+
id: "0352-content-default"
27
+
procedure:
28
+
ja: |-
29
+
フォーム・コントロールの見た目は、ブラウザーのデフォルト表示から変更されていない。
30
+
en: |-
31
+
The appearance of form controls has not been changed from the browser default.
32
+
- type: simple
33
+
tool: misc
34
+
id: "0352-content-size"
35
+
procedure:
36
+
ja: |-
37
+
フォーム・コントロールのクリックやタッチに反応するサイズは、以下の条件を満たしている:
38
+
39
+
* デスクトップ向けWebでは最低24 x 24 CSS px、なるべく44 x 44 CSS px以上
40
+
* モバイル向けWebでは44 x 44 CSS px以上
41
+
en: |-
42
+
The area that responds to clicks and touches of form controls meets the following conditions:
15
43
16
-
* for desktop Web: at least 24 x 24 CSS px, preferably larger than 44 x 44 CSS px
17
-
* for mobile Web: larger than 44 x 44 CSS px
44
+
* for desktop Web: at least 24 x 24 CSS px, preferably larger than 44 x 44 CSS px
Confirm that the functionality of the icon, or the state the icon is indicating is announced when the following operations are performed using macOS VoiceOver:
59
+
* When the part with the icon is read aloud using arrow keys in browse mode
60
+
* When the icon is something that can receive focus, like a button or a link, and is focused on by pressing the Tab/Shift+Tab keys
Confirm that the same content is not announced twice as the result of both the icon and the accompanying text being announced, when passing over a location with an icon accompanied by a text label using arrow keys in NVDA's browse mode.
Confirm that the same content is not announced twice as the result of both the icon and the accompanying text being announced, when passing over a location with an icon accompanied by a text label using the :kbd:`VO` key and the left/right arrow keys to operate the VoiceOver cursor with macOS VoiceOver enabled.
The same content is not announced twice as the result of both the icon and the accompanying text being announced, when passing over a location with an icon accompanied by a text label using arrow keys in NVDA's browse mode.
The same content is not announced twice as the result of both the icon and the accompanying text being announced, when passing over a location with an icon accompanied by a text label using the :kbd:`VO` key and the left/right arrow keys to operate the VoiceOver cursor with macOS VoiceOver enabled.
0 commit comments