Dialog (Modal) の日本語化 #150

ef81sp · 2024-07-26T04:52:48Z

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

コメントを入れた箇所
初PRなので変なところがあればビシッと指摘いただきたいです

翻訳チェックリスト

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

やったこと

netlify · 2024-07-26T04:53:09Z

✅ Deploy Preview for waic-apg ready!

Name	Link
🔨 Latest commit	`fc1b95b`
🔍 Latest deploy log	https://app.netlify.com/sites/waic-apg/deploys/66b4d2c841eb6e000840542a
😎 Deploy Preview	https://deploy-preview-150--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 site configuration.

- または → 又は - および → 及び - ユーザー → 利用者 - 識別 → 特定 - あまり → 余り

ef81sp · 2024-08-02T15:53:39Z

content/patterns/dialog-modal/examples/datepicker-dialog.html

        </ul>
      </section>

      <section>
        <div class="example-header">
-          <h2 id="ex_label">Example</h2>
+          <h2 id="ex_label">例</h2>


もとが英語のスタイル (mm/dd/yyyy) で記載されていたため、適宜日本語のスタイル (yyyy/mm/dd) に書き換えています。

ef81sp · 2024-08-02T15:54:36Z

content/patterns/dialog-modal/examples/datepicker-dialog.html

+                    <th scope="col" abbr="日曜日">日</th>
+                    <th scope="col" abbr="月曜日">月</th>
+                    <th scope="col" abbr="火曜日">火</th>
+                    <th scope="col" abbr="水曜日">水</th>
+                    <th scope="col" abbr="木曜日">木</th>
+                    <th scope="col" abbr="金曜日">金</th>
+                    <th scope="col" abbr="土曜日">土</th>


この日本語の対応関係を abbr 属性で示すべきかどうかは微妙に感じます。
いったんそのまま訳しました。

ef81sp · 2024-08-02T15:55:33Z

content/patterns/dialog-modal/examples/datepicker-dialog.html

+            カレンダーでのコンパクトな視覚デザインを容易にするために、列ヘッダーの曜日名は 2 文字に省略されています。
+            ただし、これにより、スクリーンリーダー 利用者にとって曜日名を理解することが難しくなります。
+            そのため、列ヘッダーの HTML <code>abbr</code> 属性で支援技術に完全な曜日名を提供することで、利用者がグリッドを移動するときにスクリーンリーダーが完全な名前を読み上げられるようになります。
+             (訳註: 原文では、 Monday を Mo と表記するような英語の曜日名の省略について解説していますが、日本語の曜日名は 1 文字で表記されるため、省略の問題は軽微でしょう。) 


訳註は必要と考えますが、文面は改善の余地があるように感じます。

ef81sp · 2024-08-02T15:56:39Z

content/patterns/dialog-modal/examples/datepicker-dialog.html

+            <strong>注:</strong> 列ヘッダーの曜日の名前は 2 文字に省略されているため、スクリーンリーダーで読み上げられると理解しにくくなる可能性があります。
+            <code>th</code> 要素に <code>abbr</code> 属性を適用することで、スクリーンリーダーに代替の列ヘッダー名を提供できます。
+            そのため、各 <code>th</code> 要素には、その列の曜日の完全なスペルを含む <code>abbr</code> 属性が含まれています。
+            (訳註: 原文では、 Monday を Mo と表記するような英語の曜日名の省略について解説していますが、日本語の曜日名は 1 文字で表記されるため、省略の問題は軽微でしょう。) 


訳註は必要と考えますが、文面は改善の余地があるように感じます。

ef81sp · 2024-08-03T15:58:20Z

content/patterns/dialog-modal/examples/dialog.html

              <div class="dialog_form">
                <div class="dialog_form_item">
                  <label>
-                    <span class="label_text">Street:</span>
-                    <input type="text" class="wide_input">
+                    <span class="label_text">郵便番号：</span>
+                    <input type="text" class="zip_input">
                  </label>
                </div>
                <div class="dialog_form_item">
                  <label>
-                    <span class="label_text">City:</span>
-                    <input type="text" class="city_input">
+                    <span class="label_text">都道府県：</span>
+                    <input type="text" class="state_input">
                  </label>
                </div>
                <div class="dialog_form_item">
                  <label>
-                    <span class="label_text">State:</span>
-                    <input type="text" class="state_input">
+                    <span class="label_text">市区町村：</span>
+                    <input type="text" class="city_input">
                  </label>
                </div>
                <div class="dialog_form_item">
                  <label>
-                    <span class="label_text">Zip:</span>
-                    <input type="text" class="zip_input">
+                    <span class="label_text">住所：</span>
+                    <input type="text" class="wide_input">
                  </label>


日本風に項目順序を並べ替えています。

ef81sp · 2024-08-03T15:59:52Z

content/patterns/dialog-modal/examples/dialog.html

              </p>
              <div class="dialog_form_actions">
                <button type="button" id="dialog3_close_btn" onclick="closeDialog(this)">OK</button>
              </div>
            </div>

            <div id="dialog4" role="dialog" aria-labelledby="dialog4_label" aria-describedby="dialog4_desc" class="hidden" aria-modal="true">
-              <h2 id="dialog4_label" class="dialog_label">End of the Road!</h2>
-              <p id="dialog4_desc" class="dialog_desc">You activated a fake link or button that goes nowhere! The link or button is present for demonstration purposes only.</p>
+              <h2 id="dialog4_label" class="dialog_label">一巻の終わり！</h2>


End of the Road! をどう訳すか悩ましいです。茶目っ気のある表現なのでとりあえずこんな感じにしました。

ef81sp · 2024-08-03T16:04:49Z

content/patterns/dialog-modal/examples/dialog.html

                  </label>
                  <input id="special_instructions" type="text" aria-describedby="special_instructions_desc" class="wide_input">
-                  <div class="label_info" id="special_instructions_desc">For example, gate code or other information to help the driver find you</div>
+                  <div class="label_info" id="special_instructions_desc">例えば、オートロックの暗証番号や配達員があなたを見つけるためのその他の情報</div>


gate code は日本では(少なくともわたしには)馴染みのない言葉です。
どうやら集合住宅とかセキュリティの厳しい地域とかにゲートがあって、それを通るための暗証番号のようです。
https://deeliverey.com/how-do-delivery-drivers-know-gate-codes-find-out/

ef81sp · 2024-08-03T16:07:46Z

content/patterns/dialog-modal/examples/datepicker-dialog.html

@@ -3,61 +3,63 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Date Picker Dialog Example</title>
+    <title>日付選択ダイアログの例</title>


Date Picker の訳を「デートピッカー」とするか「日付選択」とするか迷いました。
「デートピッカー」は口頭では言うもののテキストで書くことはあまりないなということで「日付選択」の方を選びました。

ef81sp added 2 commits July 26, 2024 00:59

dialog-modal で 39fb654 を checkout

f4d7819

Dialog(Modal)パターンをGeminiで粗訳

44da89a

ef81sp self-assigned this Jul 26, 2024

ef81sp added 5 commits July 30, 2024 23:46

ガイドライン及び用語集への準拠

398f831

- または → 又は - および → 及び - ユーザー → 利用者 - 識別 → 特定 - あまり → 余り

whenの訳語を「〜したとき」に変更

4b8dec8

"date picker" を「日付選択」と訳す

0439bb9

不要な半角スペースを詰めた

4def881

datepicker-dialog の翻訳最適化

e90ac62

ef81sp commented Aug 2, 2024

View reviewed changes

ef81sp added 3 commits August 4, 2024 00:15

s/キーボードサポート/キーボードのサポート/

b8753bc

dialog の翻訳最適化

fd53228

dialog-modal-pattern の翻訳最適化

7da966b

ef81sp commented Aug 3, 2024

View reviewed changes

ef81sp marked this pull request as ready for review August 3, 2024 16:14

ef81sp changed the title ~~WIP: Dialog (Modal) の日本語化~~ Dialog (Modal) の日本語化 Aug 3, 2024

セパレーターのラベルを修正

fc1b95b

ef81sp linked an issue Oct 12, 2024 that may be closed by this pull request

Dialog (Modal) #91

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Dialog (Modal) の日本語化 #150

Dialog (Modal) の日本語化 #150

ef81sp commented Jul 26, 2024 •

edited

Loading

netlify bot commented Jul 26, 2024 •

edited

Loading

ef81sp Aug 2, 2024

ef81sp Aug 2, 2024

ef81sp Aug 2, 2024 •

edited

Loading

ef81sp Aug 2, 2024 •

edited

Loading

ef81sp Aug 3, 2024

ef81sp Aug 3, 2024

ef81sp Aug 3, 2024

ef81sp Aug 3, 2024

Dialog (Modal) の日本語化 #150

Are you sure you want to change the base?

Dialog (Modal) の日本語化 #150

Conversation

ef81sp commented Jul 26, 2024 • edited Loading

関連Issue

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

翻訳チェックリスト

やったこと

netlify bot commented Jul 26, 2024 • edited Loading

✅ Deploy Preview for waic-apg ready!

ef81sp Aug 2, 2024

Choose a reason for hiding this comment

ef81sp Aug 2, 2024

Choose a reason for hiding this comment

ef81sp Aug 2, 2024 • edited Loading

Choose a reason for hiding this comment

ef81sp Aug 2, 2024 • edited Loading

Choose a reason for hiding this comment

ef81sp Aug 3, 2024

Choose a reason for hiding this comment

ef81sp Aug 3, 2024

Choose a reason for hiding this comment

ef81sp Aug 3, 2024

Choose a reason for hiding this comment

ef81sp Aug 3, 2024

Choose a reason for hiding this comment

ef81sp commented Jul 26, 2024 •

edited

Loading

netlify bot commented Jul 26, 2024 •

edited

Loading

ef81sp Aug 2, 2024 •

edited

Loading

ef81sp Aug 2, 2024 •

edited

Loading