Skip to content

Commit 752802e

Browse files
ma10ma10
authored
Merge pull request #370 from ma10/revisit-modal-20250701
reorganize checks related to modal dialogs.
2 parents 28358bc + 87a5e70 commit 752802e

File tree

15 files changed

+289
-132
lines changed

15 files changed

+289
-132
lines changed

‎data/yaml/checks/design/0155.yaml‎

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
id: '0155'
2+
sortKey: 100810
3+
severity: critical
4+
target: design
5+
platform:
6+
- web
7+
check:
8+
ja: |-
9+
モーダル・ダイアログがキーボードのみで操作できる設計になっている。
10+
en: |-
11+
The design allows modal dialogs to be operated using only the keyboard.
12+
conditions:
13+
- platform: web
14+
type: or
15+
conditions:
16+
- type: simple
17+
tool: misc
18+
id: "0155-content-00"
19+
procedure:
20+
ja: |-
21+
チェック対象の画面では、モーダル・ダイアログが表示されることはない。
22+
en: |-
23+
No modal dialog is displayed on the screen being checked.
24+
- type: simple
25+
tool: misc
26+
id: "0155-content-01"
27+
procedure:
28+
ja: |-
29+
モーダル・ダイアログが閉じた際、フォーカスがモーダル・ダイアログが開く直前の位置、またはそれに隣接した位置に戻るような設計になっていて、フォーカスが戻るべき位置が設計資料で明示されている。
30+
en: |-
31+
The design specifies that when the modal dialog is closed, the focus returns to the position immediately before the modal dialog was opened or to an adjacent position, and the position to which the focus should return is clearly indicated in the design documents.

‎data/yaml/checks/product/0171.yaml‎

Lines changed: 12 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -6,24 +6,16 @@ platform:
66
- web
77
check:
88
ja: |-
9-
:kbd:`Tab` / :kbd:`Shift+Tab` キーによるフォーカス移動時の挙動は以下のすべてを満たしている：
10-
11-
* フォーカス・インジケーターまたはそれを代替する表示がある
12-
* 自動的に次のような挙動が発生しない：
13-
14-
- フォームの送信
15-
- レイアウトの変更
16-
- ページの遷移
17-
- モーダル・ダイアログの表示
18-
- 表示内容の大幅な変更
9+
キーボードによる操作時、常にフォーカス箇所が視覚的に確認できる
1910
en: |-
20-
Behavior when moving focus using :kbd:`Tab` / :kbd:`Shift+Tab` keys fulfills all of the following
21-
22-
* Focus indicator or alternative display is present
23-
* The following behaviors do not occur automatically:
24-
25-
- Form Submission
26-
- Layout Changes
27-
- Page Transitions
28-
- Display of modal dialogs
29-
- Significant changes in displayed content
11+
When operating with the keyboard, the focus position can always be visually confirmed.
12+
conditions:
13+
- platform: web
14+
type: simple
15+
tool: keyboard
16+
id: "0171-keyboard-01"
17+
procedure:
18+
ja: |-
19+
ページ先頭から :kbd:`Tab` キーでフォーカスを移動し、常にフォーカス位置を視覚的に確認できることを確認する。
20+
en: |-
21+
Confirm that the focus position can always be visually confirmed by moving the focus from the top of the page using the :kbd:`Tab` key.

‎data/yaml/checks/product/0173.yaml‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
id: '0173'
2+
sortKey: 501810
3+
severity: critical
4+
target: product
5+
platform:
6+
- web
7+
check:
8+
ja: |-
9+
キーボード操作時に、ユーザーが予期しない、またはユーザーの混乱を招くような表示の変化が自動的に発生しない。
10+
en: |-
11+
When operating with the keyboard, no unexpected or confusing display changes occur automatically.
12+
conditions:
13+
- platform: web
14+
type: simple
15+
tool: keyboard
16+
id: "0173-keyboard-01"
17+
procedure:
18+
ja: |-
19+
:kbd:`Tab` / :kbd:`Shift+Tab` キーによるフォーカス移動時に、自動的に次のような挙動が発生しない：
20+
21+
* フォームの送信
22+
* レイアウトの変更
23+
* ページの遷移
24+
* モーダル・ダイアログの表示
25+
* 表示内容の大幅な変更
26+
en: |-
27+
When moving focus with the :kbd:`Tab` / :kbd:`Shift+Tab` key, the following behaviors do not occur automatically:
28+
29+
* Form submission
30+
* Layout changes
31+
* Page transitions
32+
* Modal dialog display
33+
* Significant changes in displayed content

‎data/yaml/checks/product/0174.yaml‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
id: '0174'
2+
sortKey: 501820
3+
severity: major
4+
target: product
5+
platform:
6+
- web
7+
check:
8+
ja: |-
9+
モーダル・ダイアログはキーボードのみで操作できる。
10+
en: |-
11+
Modal dialogs can be operated using only the keyboard.
12+
conditions:
13+
- platform: web
14+
type: or
15+
conditions:
16+
- type: simple
17+
tool: misc
18+
id: 0174-content-00
19+
procedure:
20+
ja: |-
21+
チェック対象の画面では、モーダル・ダイアログが表示されることはない。
22+
en: |-
23+
No modal dialog is displayed on the screen being checked.
24+
- type: and
25+
conditions:
26+
- type: simple
27+
tool: keyboard
28+
id: "0174-keyboard-01"
29+
procedure:
30+
ja: |-
31+
モーダル・ダイアログが表示された直後に :kbd:`Tab` キーを押下すると、フォーカスがモーダル・ダイアログ内に移動する。
32+
en: |-
33+
When the :kbd:`Tab` key is pressed immediately after a modal dialog is displayed, the focus moves into the modal dialog.
34+
- type: simple
35+
tool: keyboard
36+
id: "0174-keyboard-02"
37+
procedure:
38+
ja: |-
39+
モーダル・ダイアログ内で、フォーカスがモーダル・ダイアログの最後の要素に移動するまで :kbd:`Tab` キーを押した後、再度 :kbd:`Tab` キーを押してもフォーカスはモーダル・ダイアログの外に出ない。
40+
同様に、 :kbd:`Shift+Tab` キーを押してフォーカスがモーダル・ダイアログの最初の要素に移動した後、再度 :kbd:`Shift+Tab` キーを押してもフォーカスはモーダル・ダイアログの外に出ない。
41+
en: |-
42+
When the focus is moved by pressing :kbd:`Tab` / :kbd:`Shift+Tab` within the modal dialog, the focus does not move outside of the modal dialog.
43+
- type: simple
44+
tool: keyboard
45+
id: "0174-keyboard-03"
46+
procedure:
47+
ja: |-
48+
モーダル・ダイアログが閉じた際、フォーカスはモーダル・ダイアログが開く直前の位置、またはそれに隣接した位置に戻る。
49+
en: |-
50+
When the modal dialog is closed, the focus returns to the position immediately before the modal dialog was opened or to an adjacent position.

‎data/yaml/checks/product/0201.yaml‎

Lines changed: 32 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -6,36 +6,46 @@ platform:
66
- web
77
check:
88
ja: |-
9-
* :kbd:`Tab` / :kbd:`Shift+Tab` キーによるフォーカスの移動時、特定の箇所からフォーカスが抜け出せないような状況が発生しない、または
10-
* 特定の箇所からフォーカスが抜け出せない状態では、矢印キーやEscキーの押下といった簡単な操作でその状態を抜け出すことができる
9+
キーボードのみの操作で、フォーカスが特定の場所に閉じ込められるような状態が発生しない。
1110
1211
特に注意が必要なコンポーネントの例：
1312
1413
* 動画や音声コンテンツのプレイヤー
1514
* ポップアップ・メニュー
1615
* モーダル・ダイアログ
1716
en: |-
18-
* When moving the focus using :kbd:`Tab` / :kbd:`Shift+Tab` keys, the focus does not get stuck at certain location, or
19-
* 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
17+
No situation occurs where the focus is trapped in a specific location when operating with the keyboard only.
2018
21-
Examples of components that require special caution:
19+
Examples of components that require special attention:
2220
23-
* audio and/or video players
24-
* pop-up menus
25-
* modal dialogs
21+
* Video or audio content players
22+
* Popup menus
23+
* Modal dialogs
2624
conditions:
2725
- platform: web
28-
type: simple
29-
tool: keyboard
30-
id: "0201-keyboard-01"
31-
procedure:
32-
ja: |-
33-
:kbd:`Tab` キーを使って、ページの先頭からフォーカスを順に移動したときの挙動は、以下を満たしている：
34-
35-
* :kbd:`Tab` / :kbd:`Shift+Tab` キーを押下しても、特定の場所からフォーカスが抜け出せないような状況が発生しない、または
36-
* :kbd:`Tab` / :kbd:`Shift+Tab` キーの押下でフォーカスが抜け出せない場合に、矢印キーや :kbd:`Esc` キーなど、簡単なキー操作でフォーカスを当該箇所から外すことができる。
37-
en: |-
38-
Behavior when moving the focus sequentially from the top of the page using the :kbd:`Tab` key fulfills the following:
39-
40-
* Pressing the :kbd:` / :kbd:`Shift+Tab` key does not cause a situation where the focus cannot escape from a specific location, or
41-
* If the focus cannot escape by pressing the :kbd:`Tab` / :kbd:`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 :kbd:`Esc` key.
26+
type: or
27+
conditions:
28+
- type: simple
29+
tool: keyboard
30+
id: "0201-keyboard-01"
31+
procedure:
32+
ja: |-
33+
ページの先頭から、 :kbd:`Tab` キーを順に押してフォーカスを移動した際、特定の箇所から抜け出せないような状況が発生しない。
34+
en: |-
35+
When moving the focus sequentially from the top of the page using the :kbd:`Tab` key, no situation occurs where the focus cannot escape from a specific location.
36+
- type: simple
37+
tool: keyboard
38+
id: "0201-keyboard-02"
39+
procedure:
40+
ja: |-
41+
:kbd:`Tab` / :kbd:`Shift+Tab` キーの押下でフォーカスが抜け出せない場合に、矢印キーや :kbd:`Esc` キーなど、簡単なキー操作でフォーカスを当該箇所から外すことができる。
42+
en: |-
43+
If the focus cannot escape by pressing the :kbd:`Tab` / :kbd:`Shift+Tab` keys, it can be moved away from that location using simple key operations such as the arrow keys or the :kbd:`Esc` key.
44+
- type: simple
45+
tool: keyboard
46+
id: "0201-keyboard-03"
47+
procedure:
48+
ja: |-
49+
:kbd:`Tab` / :kbd:`Shift+Tab` キーの押下でフォーカスが抜け出せない場合に、そのコンポーネントを非表示にするためのボタンやメニューが存在し、キーボードのみで操作できる。
50+
en: |-
51+
If the focus cannot escape by pressing the :kbd:`Tab` / :kbd:`Shift+Tab` keys, there is a button or menu to hide that component, and it can be operated using only the keyboard.

‎data/yaml/checks/product/0561.yaml‎

Lines changed: 45 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -12,67 +12,65 @@ check:
1212
Headings are recognized by the screen reader as headings of the heading levels indicated in the design documents.
1313
conditions:
1414
- platform: web
15-
type: or
15+
type: and
1616
conditions:
1717
- type: simple
18-
tool: misc
19-
id: "0561-content-00"
18+
tool: axe
19+
id: "0561-axe-01"
2020
procedure:
2121
ja: |-
22-
チェック対象は、見出しを含まないモーダル・ダイアログである。
22+
axe DevToolsで以下のいずれの問題も出ない。
23+
24+
* :ref:`axe-rule-empty-heading`
25+
* :ref:`axe-rule-heading-order`
26+
* :ref:`axe-rule-page-has-heading-one`
2327
en: |-
24-
The target of the check is a modal dialog that does not contain any headings.
25-
- type: and
28+
None of the following issues is reported by axe DevTools.
29+
30+
* :ref:`axe-rule-empty-heading`
31+
* :ref:`axe-rule-heading-order`
32+
* :ref:`axe-rule-page-has-heading-one`
33+
- type: or
2634
conditions:
2735
- type: simple
28-
tool: axe
29-
id: "0561-axe-01"
36+
tool: misc
37+
id: "0561-content-00"
3038
procedure:
3139
ja: |-
32-
axe DevToolsで以下のいずれの問題も出ない。
33-
34-
* :ref:`axe-rule-empty-heading`
35-
* :ref:`axe-rule-heading-order`
36-
* :ref:`axe-rule-page-has-heading-one`
40+
チェック対象は、モーダル・ダイアログで、設計資料で見出しが示されていない。
3741
en: |-
38-
None of the following issues is reported by axe DevTools.
39-
40-
* :ref:`axe-rule-empty-heading`
41-
* :ref:`axe-rule-heading-order`
42-
* :ref:`axe-rule-page-has-heading-one`
43-
- type: or
44-
conditions:
45-
- type: simple
46-
tool: nvda
47-
id: "0561-nvda-01"
48-
procedure:
49-
ja: |-
50-
NVDAで以下の操作をして見出しリストを表示したとき、ページ中の見出しが過不足なく表示される。
42+
The check target is a modal dialog where no headings are indicated in the design documents.
43+
- type: simple
44+
tool: nvda
45+
id: "0561-nvda-01"
46+
procedure:
47+
ja: |-
48+
NVDAで以下の操作をして見出しリストを表示したとき、ページ中の見出しが過不足なく表示される。
5149
52-
1. ブラウズ・モードで要素リストを表示（ :kbd:`NVDA+F7` ）
53-
2. 「種別」を「見出し」に設定（ :kbd:`Alt+H` ）
54-
en: |-
55-
All headings on the page are displayed appropriately when displaying the heading list by steps below with NVDA.
50+
1. ブラウズ・モードで要素リストを表示（ :kbd:`NVDA+F7` ）
51+
2. 「種別」を「見出し」に設定（ :kbd:`Alt+H` ）
52+
en: |-
53+
All headings on the page are displayed appropriately when displaying the heading list by steps below with NVDA.
5654
57-
1. Display the elements list in browse mode (:kbd:`NVDA+F7`)
58-
2. Set the "Type" to "Headings" ():kbd:`Alt+H`)
59-
YouTube:
60-
id: Gi2M1A0PB_0
61-
title: 見出し【NVDAでアクセシビリティー チェック】
62-
- type: simple
63-
tool: macos-vo
64-
id: "0561-macvo-01"
65-
procedure:
66-
ja: |-
67-
macOS VoiceOverで以下の操作をして見出しリストを表示したとき、ページ中の見出しが過不足なく表示される。
55+
1. Display the elements list in browse mode (:kbd:`NVDA+F7`)
56+
2. Set the "Type" to "Headings" ():kbd:`Alt+H`)
57+
YouTube:
58+
id: Gi2M1A0PB_0
59+
title: 見出し【NVDAでアクセシビリティー チェック】
60+
- type: simple
61+
tool: macos-vo
62+
id: "0561-macvo-01"
63+
procedure:
64+
ja: |-
65+
macOS VoiceOverで以下の操作をして見出しリストを表示したとき、ページ中の見出しが過不足なく表示される。
6866
69-
1. :kbd:`VO+U` を押下してローターのメニューを表示
70-
2. 「見出し」を選択
71-
en: |-
72-
All headings on the page are displayed appropriately when displaying the heading list by steps below with macOS VoiceOver.
67+
1. :kbd:`VO+U` を押下してローターのメニューを表示
68+
2. 「見出し」を選択
69+
en: |-
70+
All headings on the page are displayed appropriately when displaying the heading list by steps below with macOS VoiceOver.
7371
74-
1. Press :kbd:`VO+U` to display the rotor menu
75-
2. Select "Headings"
72+
1. Press :kbd:`VO+U` to display the rotor menu
73+
2. Select "Headings"
7674
- platform: ios
7775
type: simple
7876
tool: ios-vo

‎data/yaml/checks/product/0682.yaml‎

Lines changed: 18 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -43,11 +43,21 @@ conditions:
4343
- :ref:`axe-rule-landmark-one-main`
4444
- :ref:`axe-rule-landmark-unique`
4545
- :ref:`axe-rule-region`
46-
- type: simple
47-
tool: Landmark Navigation via Keyboard or Pop-up
48-
id: "0682-misc-01"
49-
procedure:
50-
ja: |-
51-
`Landmark Navigation via Keyboard or Pop-up <https://matatk.agrip.org.uk/landmarks/>`__ をインストールしたブラウザーで表示した際、コンテンツのすべてのパーツが適切なARIAランドマークの領域に属している。
52-
en: |-
53-
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 <https://matatk.agrip.org.uk/landmarks/>`__ extention installed.
46+
- type: or
47+
conditions:
48+
- type: simple
49+
tool: misc
50+
id: "0682-content-00"
51+
procedure:
52+
ja: |-
53+
チェック対象はモーダル・ダイアログである。
54+
en: |-
55+
The check target is a modal dialog.
56+
- type: simple
57+
tool: Landmark Navigation via Keyboard or Pop-up
58+
id: "0682-misc-01"
59+
procedure:
60+
ja: |-
61+
`Landmark Navigation via Keyboard or Pop-up <https://matatk.agrip.org.uk/landmarks/>`__ をインストールしたブラウザーで表示した際、コンテンツのすべてのパーツが適切なARIAランドマークの領域に属している。
62+
en: |-
63+
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 <https://matatk.agrip.org.uk/landmarks/>`__ extention installed.

0 commit comments

Comments
 (0)