feat(checkbox): チェックボックスパターンと例の日本語翻訳

[ef81sp]

関連Issue

• close Checkbox #89

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

NA

翻訳チェックリスト

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

[netlify]

✅ Deploy Preview for waic-apg ready!

Name	Link
🔨 Latest commit	6f2540e
🔍 Latest deploy log	https://app.netlify.com/projects/waic-apg/deploys/69258fce0e894a0008eb9e4f
😎 Deploy Preview	https://deploy-preview-158--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 checkbox pattern documentation and examples from English to Japanese. The translation follows proper localization practices by updating the HTML lang attribute, adding revision reference comments, and translating all user-facing text content.

• Japanese translation of checkbox pattern documentation and two example files
• Updates HTML lang attribute from "en" to "ja"
• Adds translation source revision comments to maintain traceability

Reviewed Changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
content/patterns/checkbox/checkbox-pattern.html	Translates checkbox pattern guidance to Japanese
content/patterns/checkbox/examples/checkbox.html	Translates two-state checkbox example to Japanese
content/patterns/checkbox/examples/checkbox-mixed.html	Translates mixed-state checkbox example to Japanese
content/about/coverage-and-quality/role-coverage.csv	Updates CSV entries with Japanese example titles
content/about/coverage-and-quality/prop-coverage.csv	Updates CSV entries with Japanese example titles
content/about/coverage-and-quality/coverage-and-quality-report.html	Updates HTML report with Japanese example titles and removes HC indicators

---

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

[ef81sp]

presentationは「提示」とすると用語集で定まっている

Suggested change

	<li>プレゼンテーションにチェックボックス又はチェックボックスグループに関連する追加の説明的な静的テキストが含まれている場合、チェックボックス又はチェックボックスグループには、説明を含む要素の ID に設定された <a href="#aria-describedby" class="property-reference">aria-describedby</a> プロパティがあります。</li>
	<li>提示にチェックボックス又はチェックボックスグループに関連する追加の説明的な静的テキストが含まれている場合、チェックボックス又はチェックボックスグループは、説明を含む要素の ID に設定された <a href="#aria-describedby" class="property-reference">aria-describedby</a> プロパティを持ちます。</li>

しかし提示だとしっくりこないですね……
A has a property の訳も統一したい

[ymrl]

「〜の場合」がSpaceキーを押したあとの話をしているはずなのが、読みとりづらい。また他の場所ではmixedについては他の場所で「混合状態」と呼んでいるようなので、それに揃えたい。
「オン」「オフ（チェックなし）」については表記が揺れていそう。正確に状態を表現するのなら「チェック」という言葉を入れたほうがいいように思う。
「チェック済み」「未チェック」「チェックされている」「チェックされていない」あたりの言い方がされている模様。「チェックなし」はここでしか使われていない。

いったん「チェックされている状態」「チェックされていない状態」にしてみる。

Suggested change

	<li>三値状態のチェックボックスを、チェックなし、混合、チェック済みの状態で切り替えます。</li>
	<li>三値状態のチェックボックスがオフの場合、制御されているすべてのチェックボックスはオフになります。</li>
	<li>三値状態のチェックボックスが混合されている場合、制御されているチェックボックスは、三値状態のチェックボックスが最後に混合されたときに持っていた状態の最後の組み合わせ、又はページが読み込まれたときに持っていた状態のデフォルトの組み合わせに戻ります。</li>
	<li>三値状態のチェックボックスがオンの場合、制御されているすべてのチェックボックスがオンになります。</li>
	<li>三値状態のチェックボックスを、チェックされていない状態、混合状態、チェックされているの状態で切り替えます。</li>
	<li>三値状態のチェックボックスがチェックされていない状態に切り替わる場合、制御されているすべてのチェックボックスがチェックされていない状態になります。</li>
	<li>三値状態のチェックボックスが混合状態に切り替わる場合、制御されているチェックボックスは、三値状態のチェックボックスが最後に混合状態となっていたときに持っていた状態の最後の組み合わせ、又はページが読み込まれたときに持っていた状態のデフォルトの組み合わせに戻ります。</li>
	<li>三値状態のチェックボックスがチェックされている状態に切り替わる場合、制御されているすべてのチェックボックスがチェックされている状態になります。</li>

[ef81sp]

ありがとうございます。

「〜の場合」がSpaceキーを押したあとの話をしているはずなのが、読みとりづらい。

原文からそのきらいはありますね……
「切り替わる」だとやや原文から離れてしまう感じがします。「となった」とするのはどうでしょうか？

---

表記ゆれは統一したいですね。気づかずすみません。統一します。

この箇所について、最初の文は状態の名前を列挙していると考えると、

Cycles the tri-state checkbox among unchecked, mixed, and checked states.

名詞的に「未チェック」「混合」「チェック済み」として、後続文でも同じ表現をする方がしっくりくるように感じます。表現も端的です。

また他の場所ではmixedについては他の場所で「混合状態」と呼んでいるようなので、それに揃えたい。

他の箇所で「混合状態」としている箇所は "mixed-state" や "mixed state" となっていて、 "state" を訳出している形です。
ここでは状態の名前として、「混合」とするのがよいと考えます。

---

2つをまとめるとこんな感じでしょうか。いかがでしょうか……？

Suggested change

	<li>三値状態のチェックボックスを、チェックなし、混合、チェック済みの状態で切り替えます。</li>
	<li>三値状態のチェックボックスがオフの場合、制御されているすべてのチェックボックスはオフになります。</li>
	<li>三値状態のチェックボックスが混合されている場合、制御されているチェックボックスは、三値状態のチェックボックスが最後に混合されたときに持っていた状態の最後の組み合わせ、又はページが読み込まれたときに持っていた状態のデフォルトの組み合わせに戻ります。</li>
	<li>三値状態のチェックボックスがオンの場合、制御されているすべてのチェックボックスがオンになります。</li>
	<ul>
	<li>三値状態のチェックボックスを、未チェック、混合、チェック済みの状態で切り替えます。</li>
	<li>三値状態のチェックボックスが未チェックとなった場合、制御されているすべてのチェックボックスが未チェックになります。</li>
	<li>三値状態のチェックボックスが混合となった場合、制御されているチェックボックスは、三値状態のチェックボックスが最後に混合されたときに持っていた状態の最後の組み合わせ、又はページが読み込まれたときに持っていた状態のデフォルトの組み合わせに戻ります。</li>
	<li>三値状態のチェックボックスがチェック済みとなった場合、制御されているすべてのチェックボックスがチェック済みになります。</li>

---

全体の統一案として、以下はどうでしょうか？

• 状態の名前(名詞): 「未チェック、混合、チェック済み」
• 現在の状態(形容詞): 「チェックボックスがチェック済み」「チェックボックスが未チェック」
• 操作(動詞): 「チェックする」「チェックを解除する」

「オン」「オフ」に関しては、原文で "turned on or off" というような表現の箇所にだけ採用する

[ef81sp]

MDNでチェックされている/チェックされていないを採用していたので、それに揃えることにしました 🙇
6f2540e

[ef81sp]

主査レビューへ

[caztcha]

WCAG の翻訳では Note は「注記」で統一しているので、合わせてみました。

Suggested change

	<br>注：SVG 要素は、ハイコントラストモードで <code>currentcolor</code> 値を更新するために、CSS <code>forced-color-adjust</code> プロパティを <code>auto</code> に設定する必要があります。
	<br>注記：SVG 要素は、ハイコントラストモードで <code>currentcolor</code> 値を更新するために、CSS <code>forced-color-adjust</code> プロパティを <code>auto</code> に設定する必要があります。

[caztcha]

WCAG の翻訳では Note は「注記」で統一しているので、合わせてみました。

Suggested change

	注：SVG 要素は、ハイコントラストモードで <code>currentcolor</code> 値を更新するために、CSS <code>forced-color-adjust</code> プロパティを <code>auto</code> に設定する必要があります。
	注記：SVG 要素は、ハイコントラストモードで <code>currentcolor</code> 値を更新するために、CSS <code>forced-color-adjust</code> プロパティを <code>auto</code> に設定する必要があります。

[caztcha]

@ef81sp 翻訳作業ありがとうございます。細かい指摘ですが、Note の訳だけコメントさせていただきましたので、ご確認いただけますと幸いです。

日本語として読んだ場合、「サンドイッチの調味料」という表現が気になったのですが (レタス、トマト、スプラウト ... と並んでいると、調味料というより具材？)、英辞郎で condiments の訳を見ても、調味料とか薬味という意味しかなさそうなので、ここはママでよいかと思います。