feat(radio): ラジオ・パターンを日本語に翻訳 #160

ef81sp · 2025-09-21T02:07:57Z

レビュワーに見てもらいたい箇所

翻訳チェックリスト

html要素にlang="ja"属性を付与する
h1要素の直下に翻訳元リビジョンを記載する

netlify · 2025-09-21T02:08:02Z

✅ Deploy Preview for waic-apg ready!

Name	Link
🔨 Latest commit	`d805dce`
🔍 Latest deploy log	https://app.netlify.com/projects/waic-apg/deploys/68cf5e00f894be0008ac581a
😎 Deploy Preview	https://deploy-preview-160--waic-apg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copilot

Pull Request Overview

This PR translates the Radio Group pattern pages and related examples into Japanese and updates coverage metadata and report content to reflect the new titles and references.

Localizes three radio-related HTML pages (pattern and two examples), including headings, instructional text, and ARIA labels.
Updates coverage CSVs and the coverage report HTML to align counts, labels, and links with the translated content.

Reviewed Changes

Copilot reviewed 7 out of 8 changed files in this pull request and generated 10 comments.

Show a summary per file

File	Description
content/patterns/radio/radio-group-pattern.html	Japanese translation of the Radio Group pattern documentation.
content/patterns/radio/examples/radio.html	Japanese translation of the roving tabindex radio example, including UI strings and accessibility labels.
content/patterns/radio/examples/radio-rating.html	Japanese translation of the rating radio example; updated example section content and labels.
content/patterns/radio/examples/radio-activedescendant.html	Japanese translation of the aria-activedescendant radio example, including tables and accessibility notes.
content/about/coverage-and-quality/role-coverage.csv	Synchronizes role coverage counts and example titles with translations.
content/about/coverage-and-quality/prop-coverage.csv	Synchronizes property/state coverage references with translated example titles.
content/about/coverage-and-quality/coverage-and-quality-report.html	Updates report counts and example names/links to match translations.

Comments suppressed due to low confidence (1)

content/patterns/radio/examples/radio-activedescendant.html:1

The preceding line refers to aria--activedescendant (double hyphen). Correct to aria-activedescendant in the text to avoid confusion.

<!DOCTYPE html>

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

Copilot · 2025-09-21T04:29:24Z

content/patterns/radio/radio-group-pattern.html

+                <li>フォーカスがラジオボタンにあり、そのラジオボタンがラジオグループの最後のラジオボタン**ではない**場合、フォーカスを次のラジオボタンに移動します。</li>
+                <li>フォーカスがラジオグループの最後のラジオボタンにあり、そのラジオボタンがツールバーの最後の要素**ではない**場合、フォーカスをツールバーの次の要素に移動します。</li>
+                <li>フォーカスがラジオグループの最後のラジオボタンにあり、そのラジオボタンがツールバーの最後の要素でもある場合、フォーカスをツールバーの最初の要素に移動します。</li>
              </ul>
            </li>
            <li>
-              <kbd>Left Arrow</kbd>:
+              <kbd>左矢印</kbd>:
              <ul>
-                <li>When focus is on a radio button and that radio button is <strong>not</strong> the first radio button in the radio group, moves focus to the previous radio button.</li>
-                <li>When focus is on the first radio button in the radio group and that radio button is <strong>not</strong> the first element in the toolbar, moves focus to the previous element in the toolbar.</li>
-                <li>When focus is on the first radio button in the radio group and that radio button is also the first element in the toolbar, moves focus to the last element in the toolbar.</li>
+                <li>フォーカスがラジオボタンにあり、そのラジオボタンがラジオグループの最初のラジオボタン**ではない**場合、フォーカスを前のラジオボタンに移動します。</li>
+                <li>フォーカスがラジオグループの最初のラジオボタンにあり、そのラジオボタンがツールバーの最初の要素**ではない**場合、フォーカスをツールバーの前の要素に移動します。</li>


Markdown-style emphasis (ではない) will render literally in HTML. Replace with HTML emphasis to preserve styling, e.g., use ではない: 最後のラジオボタンではない, 最後の要素ではない.

Copilot · 2025-09-21T04:29:25Z

content/patterns/radio/radio-group-pattern.html

+                <li>フォーカスがラジオボタンにあり、そのラジオボタンがラジオグループの最後のラジオボタン**ではない**場合、フォーカスを次のラジオボタンに移動します。</li>
+                <li>フォーカスがラジオグループの最後のラジオボタンにあり、そのラジオボタンがツールバーの最後の要素**ではない**場合、フォーカスをツールバーの次の要素に移動します。</li>
+                <li>フォーカスがラジオグループの最後のラジオボタンにあり、そのラジオボタンがツールバーの最後の要素でもある場合、フォーカスをツールバーの最初の要素に移動します。</li>
              </ul>
            </li>
            <li>
-              <kbd>Left Arrow</kbd>:
+              <kbd>左矢印</kbd>:
              <ul>
-                <li>When focus is on a radio button and that radio button is <strong>not</strong> the first radio button in the radio group, moves focus to the previous radio button.</li>
-                <li>When focus is on the first radio button in the radio group and that radio button is <strong>not</strong> the first element in the toolbar, moves focus to the previous element in the toolbar.</li>
-                <li>When focus is on the first radio button in the radio group and that radio button is also the first element in the toolbar, moves focus to the last element in the toolbar.</li>
+                <li>フォーカスがラジオボタンにあり、そのラジオボタンがラジオグループの最初のラジオボタン**ではない**場合、フォーカスを前のラジオボタンに移動します。</li>
+                <li>フォーカスがラジオグループの最初のラジオボタンにあり、そのラジオボタンがツールバーの最初の要素**ではない**場合、フォーカスをツールバーの前の要素に移動します。</li>


The emphasis markers (ではない) are not valid HTML. Use semantic HTML emphasis: 最初のラジオボタンではない, 最初の要素ではない.

Copilot · 2025-09-21T04:29:25Z

content/patterns/radio/examples/radio-rating.html

+          <p>
+            このメーターの値は 5 秒ごとに変化します。
+            一時停止ボタンを使用して変更を停止します。
+          </p>
+          <h3 id="cpu_usage_label">中央処理装置 (CPU) 使用率</h3>
+          <p>
+            <button type="button" class="play-meters">更新を一時停止</button>
+          </p>


Unrelated “meter/CPU usage” content and a play-meters button were inserted into the radio rating example. This appears accidental and is not used by the example’s JavaScript; remove lines 52–60 so the section contains only the rating radio group content.

Suggested change

<p>

このメーターの値は 5 秒ごとに変化します。

一時停止ボタンを使用して変更を停止します。

</p>

<h3 id="cpu_usage_label">中央処理装置 (CPU) 使用率</h3>

<p>

<button type="button" class="play-meters">更新を一時停止</button>

</p>

Copilot · 2025-09-21T04:29:25Z

content/patterns/radio/examples/radio-rating.html

+          <p>
+            このメーターの値は 5 秒ごとに変化します。
+            一時停止ボタンを使用して変更を停止します。
+          </p>
+          <h3 id="cpu_usage_label">中央処理装置 (CPU) 使用率</h3>
+          <p>
+            <button type="button" class="play-meters">更新を一時停止</button>
+          </p>


Unrelated “meter/CPU usage” content and a play-meters button were inserted into the radio rating example. This appears accidental and is not used by the example’s JavaScript; remove lines 52–60 so the section contains only the rating radio group content.

Suggested change

<p>

このメーターの値は 5 秒ごとに変化します。

一時停止ボタンを使用して変更を停止します。

</p>

<h3 id="cpu_usage_label">中央処理装置 (CPU) 使用率</h3>

<p>

<button type="button" class="play-meters">更新を一時停止</button>

</p>

Copilot · 2025-09-21T04:29:25Z

content/patterns/radio/examples/radio.html

+          <h2 id="ex_label">例</h2>
        </div>
-        <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
+        <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="の開始"></div>


For natural Japanese announcement order, swap aria-labelledby references so the accessible name becomes “例の開始” (Example, start): aria-labelledby="ex_label ex_start_sep".

Suggested change

<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="の開始"></div>

<div role="separator" id="ex_start_sep" aria-labelledby="ex_label ex_start_sep" aria-label="の開始"></div>

Copilot · 2025-09-21T04:29:26Z

content/patterns/radio/examples/radio.html

          </div>
        </div>
-        <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
+        <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="の終了"></div>


Similarly, swap aria-labelledby order for a natural reading “例の終了”: aria-labelledby="ex_label ex_end_sep".

Suggested change

<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="の終了"></div>

<div role="separator" id="ex_end_sep" aria-labelledby="ex_label ex_end_sep" aria-label="の終了"></div>

Copilot · 2025-09-21T04:29:26Z

content/patterns/radio/examples/radio-activedescendant.html

+          <h2 id="ex_label">例</h2>
        </div>
-        <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
+        <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="の開始"></div>


Swap aria-labelledby order so assistive tech reads “例の開始”: aria-labelledby="ex_label ex_start_sep".

Suggested change

<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="の開始"></div>

<div role="separator" id="ex_start_sep" aria-labelledby="ex_label ex_start_sep" aria-label="の開始"></div>

Copilot · 2025-09-21T04:29:26Z

content/patterns/radio/examples/radio-activedescendant.html

          </ul>
        </div>
-        <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
+        <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="の終了"></div>


Swap aria-labelledby order to announce “例の終了”: aria-labelledby="ex_label ex_end_sep".

Suggested change

<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="の終了"></div>

<div role="separator" id="ex_end_sep" aria-labelledby="ex_label ex_end_sep" aria-label="の終了"></div>

Copilot · 2025-09-21T04:29:26Z

content/patterns/radio/examples/radio-rating.html

        </div>
-        <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
-        <div id="ex1">
+        <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="の開始"></div>


Swap aria-labelledby order so the separator is announced as “例の開始”: aria-labelledby="ex_label ex_start_sep".

Suggested change

<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="の開始"></div>

<div role="separator" id="ex_start_sep" aria-labelledby="ex_label ex_start_sep" aria-label="の開始"></div>

Copilot · 2025-09-21T04:29:27Z

content/patterns/radio/examples/radio-rating.html

          </div>
        </div>
-        <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="End of"></div>
+        <div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="の終了"></div>


Swap aria-labelledby order so the separator is announced as “例の終了”: aria-labelledby="ex_label ex_end_sep".

Suggested change

<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="の終了"></div>

<div role="separator" id="ex_end_sep" aria-labelledby="ex_label ex_end_sep" aria-label="の終了"></div>

feat(radio): ラジオ・パターンを日本語に翻訳

d805dce

github-project-automation bot moved this to 未着手 in APG日本語訳 Sep 21, 2025

github-project-automation bot added this to APG日本語訳 Sep 21, 2025

ef81sp added this to the 1st release milestone Sep 21, 2025

ef81sp self-assigned this Sep 21, 2025

ef81sp requested a review from Copilot September 21, 2025 04:26

Copilot AI reviewed Sep 21, 2025

View reviewed changes

ef81sp moved this from 未着手 to レビュー中 in APG日本語訳 Sep 25, 2025

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(radio): ラジオ・パターンを日本語に翻訳 #160

feat(radio): ラジオ・パターンを日本語に翻訳 #160

Uh oh!

ef81sp commented Sep 21, 2025

Uh oh!

netlify bot commented Sep 21, 2025 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Copilot AI Sep 21, 2025

Uh oh!

Uh oh!

	<div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="の開始"></div>
	<div role="separator" id="ex_start_sep" aria-labelledby="ex_label ex_start_sep" aria-label="の開始"></div>

	<div role="separator" id="ex_end_sep" aria-labelledby="ex_end_sep ex_label" aria-label="の終了"></div>
	<div role="separator" id="ex_end_sep" aria-labelledby="ex_label ex_end_sep" aria-label="の終了"></div>

feat(radio): ラジオ・パターンを日本語に翻訳 #160

Are you sure you want to change the base?

feat(radio): ラジオ・パターンを日本語に翻訳 #160

Uh oh!

Conversation

ef81sp commented Sep 21, 2025

関連Issue

レビュワーに見てもらいたい箇所

翻訳チェックリスト

Uh oh!

netlify bot commented Sep 21, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for waic-apg ready!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI Sep 21, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

netlify bot commented Sep 21, 2025 •

edited

Loading