Skip to content

Commit c6779a9

Browse files
ma10ma10
authored
Merge pull request #294 from ma10/more-no-content-20250123
Product Webチェック見直し：チェック対象に存在しないコンテンツを明示できるようにする
2 parents 21f406e + 4396c23 commit c6779a9

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+1415
-686
lines changed

‎data/yaml/checks/product/0111.yaml‎

Lines changed: 32 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,36 @@ platform:
66
- web
77
check:
88
ja: |-
9-
マウスオーバーで表示されるすべてのコンテンツは、以下のすべてを満たしている:
10-
11-
* マウス・ポインターを移動させることなく、マウスオーバーで表示されたコンテンツを非表示にできる。（ESCキーで消える、など）
12-
* マウスオーバー状態ではなくなった場合、ユーザーが非表示にする操作を行った場合、内容が無効になった場合にのみ、マウスオーバーで表示されたコンテンツを非表示にする。
9+
マウスオーバーで表示されるすべてのコンテンツは、拡大表示利用時にもユーザーの意図に反して消えない。
1310
en: |-
14-
All content displayed on hover meets all of the following
15-
16-
* Content displayed on hover can be hidden without moving the mouse pointer. (ESC key to make it disappear, etc.)
17-
* Hide content displayed on hover only when it is no longer in hover state, when the user performs an action to hide it, or when the content is no longer valid.
11+
All content displayed on mouseover does not disappear against the user's intention even when using the magnification function.
12+
conditions:
13+
- platform: web
14+
type: or
15+
conditions:
16+
- type: simple
17+
tool: misc
18+
id: 0111-content-00
19+
procedure:
20+
ja: |-
21+
チェック対象の画面に、マウスオーバーで表示されるコンテンツが存在しない。
22+
en: |-
23+
There are no content displayed on mouseover on the screen to be checked.
24+
- type: and
25+
conditions:
26+
- type: simple
27+
tool: mouse
28+
id: 0111-mouse-01
29+
procedure:
30+
ja: |-
31+
マウス・ポインターを移動させることなく、マウスオーバーで表示されたコンテンツを非表示にできる。（ESCキーの押下や表示されたコンテンツ上でのマウス・クリックなど）
32+
en: |-
33+
The content displayed on mouseover can be hidden without moving the mouse pointer. (Press the ESC key or click the mouse on the displayed content)
34+
- type: simple
35+
tool: mouse
36+
id: 0111-mouse-02
37+
procedure:
38+
ja: |-
39+
マウスオーバー状態ではなくなった場合、ユーザーが非表示にする操作を行った場合、内容が無効になった場合にのみ、マウスオーバーで表示されたコンテンツが非表示になる。
40+
en: |-
41+
The content displayed on mouseover is hidden only when when the mouseover state is removed, the user performs an operation to hide it, or the content becomes invalid.

‎data/yaml/checks/product/0112.yaml‎

Lines changed: 22 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,26 @@ platform:
66
- web
77
check:
88
ja: |-
9-
マウスオーバーで表示されるコンテンツは、マウス・ポインターをそのコンテンツ上に移動しても、コンテンツが消えない。
9+
マウスオーバーで表示されるコンテンツは、拡大表示が可能。
1010
en: |-
11-
Content displayed on hover does not disappear when the mouse pointer is moved over it.
11+
Content displayed on mouseover can be enlarged.
12+
conditions:
13+
- platform: web
14+
type: or
15+
conditions:
16+
- type: simple
17+
tool: misc
18+
id: 0112-content-00
19+
procedure:
20+
ja: |-
21+
チェック対象の画面に、マウスオーバーで表示されるコンテンツが存在しない。
22+
en: |-
23+
There are no content displayed on mouseover on the screen to be checked.
24+
- type: simple
25+
tool: mouse
26+
id: 0112-mouse-01
27+
procedure:
28+
ja: |-
29+
マウスオーバーで表示されるコンテンツは、マウス・ポインターをそのコンテンツ上に移動しても、コンテンツが消えない。
30+
en: |-
31+
The content displayed on mouseover does not disappear when the mouse pointer is moved over it.

‎data/yaml/checks/product/0141.yaml‎

Lines changed: 40 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,44 @@ platform:
66
- web
77
check:
88
ja: |-
9-
ショートカット・キーを提供していて、それが画面のどこにフォーカスがあっても作動する仕様である場合、以下のいずれかを満たしている：
10-
11-
* ユーザーがショートカット・キーを無効にできる
12-
* ユーザーがショートカット・キーの割当を変更できる
9+
ショートカット・キーが支援技術の動作を妨げないようになっている。
1310
en: |-
14-
If there are shortcut keys that work regardless of which part of the screen the focus is on, one of the following is true
15-
16-
* Users can disable the shortcut keys
17-
* Users can change shortcut assignments
11+
Shortcut keys do not interfere with the operation of assistive technologies.
12+
conditions:
13+
- platform: web
14+
type: or
15+
conditions:
16+
- type: simple
17+
tool: misc
18+
id: "0141-content-00"
19+
procedure:
20+
ja: |-
21+
チェック対象の画面では、ショートカット・キーが提供されていない。
22+
en: |-
23+
There are no shortcut keys provided on the screen to be checked.
24+
- type: simple
25+
tool: misc
26+
id: "0141-content-01"
27+
procedure:
28+
ja: |-
29+
ショートカット・キーは、画面の特定の部分にフォーカスがある時だけ利用できるようになっている。
30+
en: |-
31+
Shortcut keys can only be used when a specific part of the screen has focus.
32+
- type: or
33+
conditions:
34+
- type: simple
35+
tool: misc
36+
id: "0141-content-02"
37+
procedure:
38+
ja: |-
39+
ユーザーがショートカット・キーを無効にできる。
40+
en: |-
41+
Users can disable shortcut keys.
42+
- type: simple
43+
tool: misc
44+
id: "0141-content-03"
45+
procedure:
46+
ja: |-
47+
ユーザーがショートカット・キーの割当を変更できる。
48+
en: |-
49+
Users can change shortcut assignments.

‎data/yaml/checks/product/0261.yaml‎

Lines changed: 32 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,36 @@ platform:
77
- mobile
88
check:
99
ja: |-
10-
* 「○○はこちら」の「こちら」の部分だけがリンクになっていない。（この場合は「○○はこちら」全体をリンクにする。）、または
11-
* リンク・テキストの意図がマークアップで明確になっている。
10+
リンクは、リンク先が容易に推測できるようなテキストで提供されている。
1211
en: |-
13-
* Only the "here" part of "click here for *****" is not a link. (In this case, the entire "click here for *****" should be a link.) or
14-
* The intent of the link text is clear from its markup
12+
Links are provided with text that makes it easy to guess the destination.
13+
conditions:
14+
- platform: web
15+
type: or
16+
conditions:
17+
- type: simple
18+
tool: misc
19+
id: "0261-content-00"
20+
procedure:
21+
ja: |-
22+
チェック対象の画面に、リンクが存在しない。
23+
en: |-
24+
There are no links on the screen to be checked.
25+
- type: or
26+
conditions:
27+
- type: simple
28+
tool: misc
29+
id: "0261-content-01"
30+
procedure:
31+
ja: |-
32+
「○○はこちら」の「こちら」の部分だけがリンクになっているようなリンクがない。（この場合は「○○はこちら」全体をリンクにする。）
33+
en: |-
34+
There are no links that are like "click here for *****" where only the "here" part is a link. (In this case, make the entire "click here for *****" a link.)
35+
- type: simple
36+
tool: misc
37+
id: "0261-content-02"
38+
procedure:
39+
ja: |-
40+
リンク・テキストの意図が、マークアップで明確になっている。（例：直前の見出しなどから容易に推測できる場合）
41+
en: |-
42+
The intent of the link text is clearly defined in the markup. (For example, it can be easily inferred from the heading immediately before the link.)

‎data/yaml/checks/product/0262.yaml‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,3 +10,23 @@ check:
1010
同じ文脈において、遷移先が同じリンク、目的が同じボタンには、一貫したテキストやアイコンが使われている。
1111
en: |-
1212
In the same context, consistent text and icons are used for links that have the same transition destination and buttons that have the same purpose.
13+
conditions:
14+
- platform: web
15+
type: or
16+
conditions:
17+
- type: simple
18+
tool: misc
19+
id: "0262-content-00"
20+
procedure:
21+
ja: |-
22+
チェック対象の画面には、同じ画面に遷移する複数のリンクや、同じ機能を実行する複数のボタンが存在しない。
23+
en: |-
24+
There are no multiple links that transition to the same screen or multiple buttons that execute the same function on the screen to be checked.
25+
- type: simple
26+
tool: misc
27+
id: "0262-content-01"
28+
procedure:
29+
ja: |-
30+
同じ画面に遷移する複数のリンクや、同じ機能を実行する複数のボタンには、一貫したテキストやアイコンが使われている。
31+
en: |-
32+
Consistent text and icons are used for multiple links that transition to the same screen or multiple buttons that execute the same function on the same screen.

‎data/yaml/checks/product/0351.yaml‎

Lines changed: 20 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,25 @@ platform:
77
check:
88
ja: |-
99
ボタンやリンクになっている画像は、クリックやタッチに反応するサイズが、充分な大きさになっている。
10-
11-
* デスクトップ向けWebでは最低24 x 24 CSS px、なるべく44 x 44 CSS px以上
12-
* モバイル向けWebでは44 x 44 CSS px以上
1310
en: |-
1411
Images used as buttons or links have large enough area that responds to clicks and touches
15-
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
12+
conditions:
13+
- platform: web
14+
type: or
15+
conditions:
16+
- type: simple
17+
tool: misc
18+
id: "0351-content-00"
19+
procedure:
20+
ja: |-
21+
チェック対象の画面に、ボタンやリンクになっている画像が存在しない。
22+
en: |-
23+
There are no images used as buttons or links on the screen to be checked.
24+
- type: simple
25+
tool: misc
26+
id: "0351-content-01"
27+
procedure:
28+
ja: |-
29+
ボタンやリンクになっている画像のクリックやタッチに反応するサイズが、デスクトップ向けWebでは最低24 x 24 CSS px、なるべく44 x 44 CSS px以上に、モバイル向けWebでは44 x 44 CSS px以上になっている。
30+
en: |-
31+
The size of the area that responds to clicks and touches of images used as buttons or links is at least 24 x 24 CSS px for desktop Web, preferably larger than 44 x 44 CSS px, and larger than 44 x 44 CSS px for mobile Web.

‎data/yaml/checks/product/0352.yaml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,23 @@ conditions:
1515
conditions:
1616
- type: simple
1717
tool: misc
18-
id: "0352-content-none"
18+
id: "0352-content-00"
1919
procedure:
2020
ja: |-
2121
チェック対象の画面には、フォーム・コントロールが存在しない。
2222
en: |-
2323
There are no form controls on the screen to be checked.
2424
- type: simple
2525
tool: misc
26-
id: "0352-content-default"
26+
id: "0352-content-01"
2727
procedure:
2828
ja: |-
2929
フォーム・コントロールの見た目は、ブラウザーのデフォルト表示から変更されていない。
3030
en: |-
3131
The appearance of form controls has not been changed from the browser default.
3232
- type: simple
3333
tool: misc
34-
id: "0352-content-size"
34+
id: "0352-content-02"
3535
procedure:
3636
ja: |-
3737
フォーム・コントロールのクリックやタッチに反応するサイズは、以下の条件を満たしている：

‎data/yaml/checks/product/0411.yaml‎

Lines changed: 28 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -19,62 +19,52 @@ conditions:
1919
tool: axe
2020
procedure:
2121
ja: |-
22-
axe DevToolsで「 :ref:`axe-rule-button-name` 」という問題が出ないことを確認する。
22+
axe DevToolsで「 :ref:`axe-rule-button-name` 」という問題が出ない。
2323
en: |-
24-
Confirm that the issue :ref:`axe-rule-button-name` is not reported by axe DevTools.
24+
The issue :ref:`axe-rule-button-name` is not reported by axe DevTools.
2525
- type: or
2626
conditions:
2727
- type: simple
2828
tool: misc
29-
id: "0411-content-none"
29+
id: "0411-content-00"
3030
procedure:
3131
ja: |-
3232
チェック対象の画面にアイコンが存在しない。
3333
en: |-
3434
There are no icons on the screen to be checked.
35-
- type: and
35+
- type: or
3636
conditions:
3737
- type: simple
38-
tool: misc
39-
id: "0411-content-01"
38+
id: "0411-nvda-01"
39+
tool: nvda
4040
procedure:
4141
ja: |-
42-
スクリーン・リーダーによって読み上げられる内容がアイコンの役割や状態を適切に表している。
43-
en: |-
44-
What is announced by the screen reader properly convey the role and the state of the icon.
45-
- type: or
46-
conditions:
47-
- type: simple
48-
id: "0411-nvda-01"
49-
tool: nvda
50-
procedure:
51-
ja: |-
52-
NVDAで以下の操作をしたとき、アイコンの示す状態や機能が分かる読み上げがされる。
42+
NVDAで以下の操作をしたとき、アイコンの役割や状態を適切に表す読み上げがされる。
5343
54-
- ブラウズ・モードで矢印キーを操作してアイコンがある箇所を読み上げさせたとき
55-
- そのアイコンがボタンやリンクなど、フォーカスを受け取るものの場合、Tab/Shift+Tabキーの操作でフォーカスされたとき
56-
en: |-
57-
The functionality of the icon, or the state the icon is indicating is announced when the following operations are performed using NVDA:
44+
- ブラウズ・モードで矢印キーを操作してアイコンがある箇所を読み上げさせたとき
45+
- そのアイコンがボタンやリンクなど、フォーカスを受け取るものの場合、Tab/Shift+Tabキーの操作でフォーカスされたとき
46+
en: |-
47+
The screen reader announces text that appropriately describes the role and status of the icon when the following operations are performed using NVDA:
5848
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
61-
YouTube:
62-
id: OQrwQ4rnudY
63-
title: アイコンの役割や示している状態【NVDAでアクセシビリティー チェック】
64-
- type: simple
65-
id: "0411-macvo-01"
66-
tool: macos-vo
67-
procedure:
68-
ja: |-
69-
macOS VoiceOverで以下の操作をしたとき、アイコンの示す状態や機能が分かる読み上げがされる。
49+
* When the part with the icon is read aloud using arrow keys in browse mode
50+
* 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
51+
YouTube:
52+
id: OQrwQ4rnudY
53+
title: アイコンの役割や示している状態【NVDAでアクセシビリティー チェック】
54+
- type: simple
55+
id: "0411-macvo-01"
56+
tool: macos-vo
57+
procedure:
58+
ja: |-
59+
macOS VoiceOverで以下の操作をしたとき、アイコンの役割や状態を適切に表す読み上げがされる。
7060
71-
- :kbd:`VO` キーと左右矢印キーでVoiceOverカーソルを操作し、アイコンがある箇所を読み上げさせたとき
72-
- そのアイコンがボタンやリンクなど、フォーカスを受け取るものの場合、Tab/Shift+Tabキーの操作でフォーカスされたとき
73-
en: |-
74-
The functionality of the icon, or the state the icon is indicating is announced when the following operations are performed using macOS VoiceOver:
61+
- :kbd:`VO` キーと左右矢印キーでVoiceOverカーソルを操作し、アイコンがある箇所を読み上げさせたとき
62+
- そのアイコンがボタンやリンクなど、フォーカスを受け取るものの場合、Tab/Shift+Tabキーの操作でフォーカスされたとき
63+
en: |-
64+
The screen reader announces text that appropriately describes the role and status of the icon when the following operations are performed using macOS VoiceOver:
7565
76-
* When the part with the icon is read aloud using the :kbd:`VO` key and the left/right arrow keys to operate the VoiceOver cursor
77-
* 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
66+
* When the part with the icon is read aloud using the :kbd:`VO` key and the left/right arrow keys to operate the VoiceOver cursor
67+
* 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
7868
- platform: ios
7969
type: simple
8070
id: "0411-iosvo-01"

‎data/yaml/checks/product/0412.yaml‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,4 +9,24 @@ check:
99
ja: |-
1010
テキストのラベルが併せて表示されていないアイコンで、形状とサイズが同じで色だけが違うものがない。（例：異なる状態を表す複数のアイコンが、色の違いだけで状態の違いを表していない。）
1111
en: |-
12-
There are no icons that do not have text labels, that are the same shape and size, and differ only in color. (e.g., multiple icons representing different states must be distiguishable not only by difference in color.)
12+
There are no icons without accompanying text labels displayed, that are the same shape and size, and differ only in color. (e.g., multiple icons representing different states must be distiguishable not only by difference in color.)
13+
conditions:
14+
- platform: web
15+
type: or
16+
conditions:
17+
- type: simple
18+
tool: misc
19+
id: "0412-content-00"
20+
procedure:
21+
ja: |-
22+
チェック対象の画面に、テキストのラベルが併せて表示されていないアイコンが存在しない。
23+
en: |-
24+
There are no icons without accompanying text labels displayed on the screen to be checked.
25+
- type: simple
26+
tool: misc
27+
id: "0412-content-01"
28+
procedure:
29+
ja: |-
30+
テキストのラベルが合わせて表示されていないアイコンで異なる状態や機能を表しているものは、色以外の視覚的な違いもある。
31+
en: |-
32+
Icons without accompanying text labels that represent different states or functions have visual differences other than color.

‎data/yaml/checks/product/0413.yaml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ conditions:
1616
conditions:
1717
- type: simple
1818
tool: misc
19-
id: "0413-content-none"
19+
id: "0413-content-00"
2020
procedure:
2121
ja: |-
2222
チェック対象の画面にアイコンが存在しない。

0 commit comments

Comments
 (0)