Merge pull request #184 from ma10/checks-en-translation-20240213

全チェック項目の英訳を追加

data/json/schemas/check.json

@@ -109,7 +109,7 @@
         "properties": {
           "title": {
             "description": "purpose of the implementation",
-            "type": "string"
+            "$ref": "common.json#/definitions/i18nString"
           },
           "methods": {
             "description": "one or more methods of the implementation, set of target platform and the specific implementation method",
@@ -124,7 +124,7 @@
                 },
                 "method": {
                   "description": "an example of how to implement",
-                  "type": "string"
+                  "$ref": "common.json#/definitions/i18nString"
                 }
               },
               "additionalProperties": false,

data/json/schemas/common.json

@@ -14,7 +14,7 @@
         }
       },
       "additionalProperties": false,
-      "required": ["ja"]
+      "required": ["ja", "en"]
     }
   }
 

data/yaml/checks/code/0071.yaml

@@ -6,3 +6,5 @@ platform:
 check:
   ja: |-
     マウス・ボタンのdownイベントをトリガーにしていない。
+  en: |-
+    The mouse button's down event is not used as a trigger.

data/yaml/checks/code/0311.yaml

@@ -5,4 +5,6 @@ platform:
 - web
 check:
   ja: |-
-    CSSに絶対値指定（例：px）と相対値指定（例：rem）が混在していない。
+    CSSのサイズなどの指定で、絶対値指定（例：px）と相対値指定（例：rem）が混在していない。
+  en: |-
+    In CSS size specifications, absolute value specifications (e.g., px) and relative value specifications (e.g., rem) are not mixed.

data/yaml/checks/code/0371.yaml

@@ -6,3 +6,5 @@ platform:
 check:
   ja: |-
     エディット・ボックスや独自に実装した暗証番号入力のためのコンポーネントなど、ユーザーが文字列を入力する場面において、外付けキーボードが接続されたタイミングに関係なく、外付けキーボードによる入力が可能になっている。
+  en: |-
+    In situations where the user inputs text, such as in edit boxes or custom-implemented components for entering passwords, input via an external keyboard is possible, regardless of when the external keyboard is connected.

data/yaml/checks/code/0401.yaml

@@ -8,25 +8,49 @@ check:
   ja: |-
     *  アイコンの役割や示している状態を表すテキストが表示されていて、そのアイコンと明示的に関連付けられている。または
     *  そのようなテキストがアイコンに付加されている。
+  en: |-
+    *  Text that represents the role of the icon or the state it indicates is displayed and is explicitly associated with the icon. Or
+    *  Such text is added to the icon.
 implementations:
-- title: 表示されているテキストとアイコンを関連付ける
+- title:
+    ja: 表示されているテキストとアイコンを関連付ける
+    en: Associate the Displayed Text With the Icon
   methods:
   - platform: web
-    method: |-
-      *  ``aria-labelledby`` 属性を用いる
-- title: アイコンにラベルを付加する
+    method:
+      ja: |-
+        *  ``aria-labelledby`` 属性を用いる
+      en: |-
+        *  Use the ``aria-labelledby`` attribute.
+- title:
+    ja: アイコンにラベルを付加する
+    en: Add a Label to the Icon
   methods:
   - platform: web
-    method: |-
-      *  ``alt`` 属性または ``aria-label`` 属性を用いる
+    method:
+      ja: |-
+        *  ``alt`` 属性または ``aria-label`` 属性を用いる
+      en: |-
+        *  Use the ``alt`` attribute or the ``aria-label`` attribute.
   - platform: ios
-    method: |-
-      *  ``accessibilityLabel`` で指定する。
+    method:
+      ja: |-
+        *  ``accessibilityLabel`` で指定する。
+      en: |-
+        *  Specify with ``accessibilityLabel``.
   - platform: android
-    method: |-
-      *  ``contentDescription`` 属性で指定する。
-- title: 適切な状態の確認
+    method:
+      ja: |-
+        *  ``contentDescription`` 属性で指定する。
+      en: |-
+        *  Specify with the ``contentDescription`` attribute.
+- title:
+    ja: 適切な状態の確認
+    en: Confirm the Appropriate State
   methods:
   - platform: web
-    method: |-
-      *  開発者ツールで確認すると、Accessible Nameに適切なテキストが設定されている状態になっている。
+    method:
+      ja: |-
+        *  開発者ツールで確認すると、Accessible Nameに適切なテキストが設定されている状態になっている。
+      en: |-
+        *  When you check with developer tools, the Accessible Name is set to the appropriate text.

data/yaml/checks/code/0402.yaml

@@ -7,16 +7,30 @@ platform:
 check:
   ja: |-
     アイコンがテキストのラベルと併せて表示されている場合、同じ内容が重複してスクリーン・リーダーに読み上げられないようにする。
+  en: |-
+    If an icon is displayed together with a text label, ensure that the same content is not read out by the screen reader twice.
 implementations:
-- title: スクリーン・リーダーに読み上げられないようにする
+- title:
+    ja: スクリーン・リーダーに読み上げられないようにする
+    en: Ensure That the Content Is Not Read Out by the Screen Reader
   methods:
   - platform: web
-    method: |-
-      *  ``img`` 要素の場合、空の ``alt`` 属性（ ``alt=""`` ）を指定
-      *  ``img`` 要素以外の要素の場合、 ``aria-label`` 属性や ``aria-labelledby`` 属性を指定しない
+    method:
+      ja: |-
+        *  ``img`` 要素の場合、空の ``alt`` 属性（ ``alt=""`` ）を指定
+        *  ``img`` 要素以外の要素の場合、 ``aria-label`` 属性や ``aria-labelledby`` 属性を指定しない
+      en: |-
+        *  For the ``img`` element, specify an empty ``alt`` attribute ( ``alt=""`` ).
+        *  For elements other than the ``img`` element, do not specify the ``aria-label`` attribute or the ``aria-labelledby`` attribute.
   - platform: ios
-    method: |-
-      ``isAccessibilityElement`` を ``false`` にする。
+    method:
+      ja: |-
+        ``isAccessibilityElement`` を ``false`` にする。
+      en: |-
+        Set ``isAccessibilityElement`` to ``false``.
   - platform: android
-    method: |-
-      ``importantForAccessibility`` を ``no`` にする。
+    method:
+      ja: |-
+        ``importantForAccessibility`` を ``no`` にする。
+      en: |-
+        Set ``importantForAccessibility`` to ``no``.

data/yaml/checks/code/0431.yaml

@@ -8,21 +8,41 @@ check:
   ja: |-
     *  画像に関する簡潔で過不足ない説明が付加されている。かつ
     *  詳細な説明が必要な場合には、その説明が当該の画像の直前または直後に表示されている、または関連付けられている。
+  en: |-
+    *  A concise and sufficient description is added to the image. And
+    *  If a detailed description is necessary, it is displayed immediately before or after the image, or it is associated with the image.
 implementations:
-- title: 簡潔な説明の付加
+- title:
+    ja: 簡潔な説明の付加
+    en: Adding a Concise Description
   methods:
   - platform: web
-    method: |-
-      *  ``alt`` 属性または ``aria-label`` 属性で指定する
-      *  表示されているテキストを簡潔な説明として利用する場合は、 ``aria-labelledby`` 属性でそのテキストと画像を関連付ける
+    method:
+      ja: |-
+        *  ``alt`` 属性または ``aria-label`` 属性で指定する
+        *  表示されているテキストを簡潔な説明として利用する場合は、 ``aria-labelledby`` 属性でそのテキストと画像を関連付ける
+      en: |-
+        *  Specify with the ``alt`` attribute or the ``aria-label`` attribute.
+        *  To use the displayed text as a concise description, associate that text with the image using the ``aria-labelledby`` attribute.
   - platform: ios
-    method: |-
-      *  ``accessibilityLabel`` で指定する
+    method:
+      ja: |-
+        *  ``accessibilityLabel`` で指定する
+      en: |-
+        *  Specify with ``accessibilityLabel``.
   - platform: android
-    method: |-
-      *  ``contentDescription`` で指定する
-- title: 詳細な説明を付加する
+    method:
+      ja: |-
+        *  ``contentDescription`` で指定する
+      en: |-
+        *  Specify with ``contentDescription``.
+- title:
+    ja: 詳細な説明を付加する
+    en: Adding a Detailed Description
   methods:
   - platform: web
-    method: |-
-      *  詳細な説明と画像がDOMツリー上で離れている場合などには、 ``aria-describedby`` 属性で関連付ける
+    method:
+      ja: |-
+        *  詳細な説明と画像がDOMツリー上で離れている場合などには、 ``aria-describedby`` 属性で関連付ける
+      en: |-
+        *  If the detailed description and the image are not close to each other in the DOM tree, associate them using the ``aria-describedby`` attribute.

data/yaml/checks/code/0461.yaml

@@ -7,16 +7,30 @@ platform:
 check:
   ja: |-
     情報や機能性を一切持たない画像は、スクリーン・リーダーで無視されるようになっている。
+  en: |-
+    Images that have no information or functionality are ignored by screen readers.
 implementations:
-- title: スクリーン・リーダーに無視させる
+- title:
+    ja: スクリーン・リーダーに無視させる
+    en: Make It Ignored by Screen Readers
   methods:
   - platform: web
-    method: |-
-      *  空の ``alt`` 属性（ ``alt=""`` ）を指定、または
-      *  ``role="presentation"`` を指定。
+    method:
+      ja: |-
+        *  空の ``alt`` 属性（ ``alt=""`` ）を指定、または
+        *  ``role="presentation"`` を指定。
+      en: |-
+        *  Specify an empty ``alt`` attribute ( ``alt=""`` ). Or
+        *  Specify ``role="presentation"``.
   - platform: ios
-    method: |-
-      *  ``isAccessibilityElement`` を ``false`` にする。
+    method:
+      ja: |-
+        *  ``isAccessibilityElement`` を ``false`` にする。
+      en: |-
+        *  Set ``isAccessibilityElement`` to ``false``.
   - platform: android
-    method: |-
-      *  ``importantForAccessibility`` を ``no`` にする。
+    method:
+      ja: |-
+        *  ``importantForAccessibility`` を ``no`` にする。
+      en: |-
+        *  Set ``importantForAccessibility`` to ``no``.

data/yaml/checks/code/0521.yaml

@@ -7,15 +7,28 @@ platform:
 check:
   ja: |-
     画像化されたテキストと同じ内容が、スクリーン・リーダーで確認できる形のテキスト・データとしても提供されている。
+  en: |-
+    The same content as images of text is also provided as text data in a form that can be recognized by screen readers.
 implementations:
-- title: テキスト・データの提供
+- title:
+    ja: テキスト・データの提供
+    en: Providing Text Data
   methods:
   - platform: web
-    method: |-
-      *  ``alt`` 属性、または ``aria-label`` 属性を用いる
+    method:
+      ja: |-
+        *  ``alt`` 属性、または ``aria-label`` 属性を用いる
+      en: |-
+        *  Use the ``alt`` attribute or the ``aria-label`` attribute
   - platform: ios
-    method: |-
-      *  ``accessibilityLabel`` を用いる
+    method:
+      ja: |-
+        *  ``accessibilityLabel`` を用いる
+      en: |-
+        *  Use the ``accessibilityLabel``
   - platform: android
-    method: |-
-      *  ``contentDescription`` を用いる
+    method:
+      ja: |-
+        *  ``contentDescription`` を用いる
+      en: |-
+        *  Use the ``contentDescription``

data/yaml/checks/code/0551.yaml

@@ -7,15 +7,28 @@ platform:
 check:
   ja: |-
     見出しが、設計資料に従って適切に実装されている。
+  en: |-
+    Headings are implemented appropriately according to the design documentation.
 implementations:
-- title: 見出しの実装
+- title:
+    ja: 見出しの実装
+    en: Heading Implementation
   methods:
   - platform: web
-    method: |-
-      ``h1`` ～ ``h6`` でマークアップする。
+    method:
+      ja: |-
+        ``h1`` ～ ``h6`` でマークアップする。
+      en: |-
+        Mark up with ``h1`` to ``h6``.
   - platform: ios
-    method: |-
-      ``UIAccessibilityTraits.header`` をセットする。
+    method:
+      ja: |-
+        ``UIAccessibilityTraits.header`` をセットする。
+      en: |-
+        Set ``UIAccessibilityTraits.header``.
   - platform: android
-    method: |-
-      当該テキストに対して ``android:accessiblityHeading`` を ``true`` に設定する（Android 9以降）
+    method:
+      ja: |-
+        当該テキストに対して ``android:accessiblityHeading`` を ``true`` に設定する（Android 9以降）
+      en: |-
+        Set ``android:accessiblityHeading`` to ``true`` for the text in question (Android 9 or later)

data/yaml/checks/code/0552.yaml

@@ -6,10 +6,18 @@ platform:
 check:
   ja: |-
     箇条書き、表などのセマンティクスが、設計資料に従って適切に実装されている。
+  en: |-
+    The semantics of lists, tables, etc. are implemented appropriately according to the design documentation.
 implementations:
-- title: セマンティクスに応じた実装
+- title:
+    ja: セマンティクスに応じた実装
+    en: Implementation According to Semantics
   methods:
   - platform: web
-    method: |-
-      *  箇条書き（ ``ul`` 、 ``ol`` 、 ``dl`` ）、表（ ``table`` ）などを使用する
-      *  デザイン・システムの適切なコンポーネントを使用する
+    method:
+      ja: |-
+        *  箇条書き（ ``ul`` 、 ``ol`` 、 ``dl`` ）、表（ ``table`` ）などを使用する
+        *  デザイン・システムの適切なコンポーネントを使用する
+      en: |-
+        *  Use lists (``ul``, ``ol``, ``dl``), tables (``table``), etc.
+        *  Use the appropriate components of the design system

data/yaml/checks/code/0553.yaml

@@ -6,3 +6,5 @@ platform:
 check:
   ja: |-
     ボタンは ``button`` 要素で、リンクは ``href`` 属性がある ``a`` 要素で、エディット・ボックス、チェックボックス、ラジオボタンなど、各種フォーム・コントロールはHTMLの適切な要素で実装されている
+  en: |-
+    Buttons are implemented with the ``button`` element, links are implemented with the ``a`` element that has an ``href`` attribute, and various form controls such as edit boxes, check boxes, and radio buttons are implemented with the appropriate HTML elements.

data/yaml/checks/code/0554.yaml

@@ -7,3 +7,5 @@ platform:
 check:
   ja: |-
     UIコンポーネントは、OSや開発フレームワークの標準コンポーネントを用いて実装されている。
+  en: |-
+    UI components are implemented using standard components of the OS or development framework.

data/yaml/checks/code/0571.yaml

@@ -6,3 +6,5 @@ platform:
 check:
   ja: |-
     validatorやlinterでチェックが通る。
+  en: |-
+    The code passes checks by a validator or linter.

data/yaml/checks/code/0586.yaml

@@ -7,16 +7,30 @@ platform:
 check:
   ja: |-
     独自実装のUIコンポーネントは、スクリーン・リーダーなどの支援技術に適切にその役割や状態が伝わるようになっている。
+  en: |-
+    Custom UI components are implemented so that their roles and states are appropriately conveyed to assistive technologies such as screen readers.
 implementations:
-- title: スクリーン・リーダーに役割を伝える
+- title:
+    ja: スクリーン・リーダーに役割を伝える
+    en: Conveying Roles to Screen Readers
   methods:
   - platform: web
-    method: |-
-      ``role`` 属性を適切に指定する。
+    method:
+      ja: |-
+        ``role`` 属性を適切に指定する。
+      en: |-
+        Specify the ``role`` attribute appropriately.
   - platform: ios
-    method: |-
-      *  適切な ``accessibilityTraits`` を指定する。
+    method:
+      ja: |-
+        *  適切な ``accessibilityTraits`` を指定する。
+      en: |-
+        *  Specify the appropriate ``accessibilityTraits``.
   - platform: android
-    method: |-
-      *  jetpack composeを使用している場合：role属性を適切に指定する
-      *  jetpack composeを使用していない場合：viewの ``getAccessibilityClassName()`` メソッドを、適切な値が返るもので上書きする。
+    method:
+      ja: |-
+        *  jetpack composeを使用している場合： ``role`` 属性を適切に指定する
+        *  jetpack composeを使用していない場合：viewの ``getAccessibilityClassName()`` メソッドを、適切な値が返るもので上書きする。
+      en: |-
+        *  If using jetpack compose: Specify the ``role`` attribute appropriately
+        *  If not using jetpack compose: Override the ``getAccessibilityClassName()`` method of the view to return an appropriate value.

data/yaml/checks/code/0587.yaml

@@ -7,3 +7,5 @@ platform:
 check:
   ja: |-
     複数の状態を持つコンポーネントは、その状態が視覚的にもスクリーン・リーダーでも分かるようになっている。（例：タブUIの現在選択されているタブ、状態に応じて変化するアイコンなど）
+  en: |-
+    Components with multiple states are implemented so that their states are understandable both visually and by screen readers. (For example, the currently selected tab in a tab UI, icons that change according to their state, etc.)