From b4dd2dede3b2ffab304cd31dc8ed8c980a52843c Mon Sep 17 00:00:00 2001
From: Shimada Takayuki <taka@tsmd.jp>
Date: Sun, 27 Aug 2023 07:00:53 +0900
Subject: [PATCH 01/16] =?UTF-8?q?Alert=20Pattern=E3=81=AE=E6=97=A5?=
 =?UTF-8?q?=E6=9C=AC=E8=AA=9E=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/index/index.html                   |  6 +-
 content/patterns/alert/alert-pattern.html  | 43 ++++++------
 content/patterns/alert/examples/alert.html | 81 +++++++++++-----------
 3 files changed, 66 insertions(+), 64 deletions(-)
diff --git a/content/index/index.html b/content/index/index.html
index e9f3c4d4..e0ccd255 100644
--- a/content/index/index.html
+++ b/content/index/index.html
@@ -36,7 +36,7 @@ <h2 id="examples_by_role_label">Examples by Role</h2>
             <td><code>alert</code></td>
             <td>
               <ul>
-                <li><a href="../patterns/alert/examples/alert.html">Alert</a></li>
+                <li><a href="../patterns/alert/examples/alert.html">アラートの例</a></li>
                 <li><a href="../patterns/alertdialog/examples/alertdialog.html">Alert Dialog</a></li>
               </ul>
             </td>
@@ -466,7 +466,7 @@ <h2 id="examples_by_props_label">Examples By Properties and States</h2>
           </tr>
           <tr>
             <td><code>aria-atomic</code></td>
-            <td><a href="../patterns/alert/examples/alert.html">Alert</a></td>
+            <td><a href="../patterns/alert/examples/alert.html">アラートの例</a></td>
           </tr>
           <tr>
             <td><code>aria-autocomplete</code></td>
@@ -720,7 +720,7 @@ <h2 id="examples_by_props_label">Examples By Properties and States</h2>
             <td><code>aria-live</code></td>
             <td>
               <ul>
-                <li><a href="../patterns/alert/examples/alert.html">Alert</a></li>
+                <li><a href="../patterns/alert/examples/alert.html">アラートの例</a></li>
                 <li><a href="../patterns/carousel/examples/carousel-1-prev-next.html">Auto-Rotating Image Carousel  with Buttons for Slide Control</a></li>
                 <li><a href="../patterns/carousel/examples/carousel-2-tablist.html">Auto-Rotating Image Carousel with Tabs for Slide Control</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
                 <li><a href="../patterns/combobox/examples/combobox-datepicker.html">Date Picker Combobox</a> (<abbr title="High Contrast Support">HC</abbr>)</li>
diff --git a/content/patterns/alert/alert-pattern.html b/content/patterns/alert/alert-pattern.html
index 5d319b4a..ed5fa6f9 100644
--- a/content/patterns/alert/alert-pattern.html
+++ b/content/patterns/alert/alert-pattern.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ja">
   <head>
     <meta charset="UTF-8">
     <meta content="width=device-width, initial-scale=1.0" name="viewport">
-    <title>Alert Pattern</title>
+    <title>アラート パターン</title>
 
     <!-- Core JS and CSS shared by all patterns -->
     <link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2016/base.css">
@@ -14,42 +14,43 @@
   </head>
   <body>
     <main>
-      <h1>Alert Pattern</h1>
+      <h1>アラート パターン</h1>
+      <!-- 翻訳元リビジョン: https://github.com/w3c/aria-practices/tree/d6cf9d8db772603a456e7d7ef52e409d39124301 -->
 
       <section id="about">
-        <h2>About This Pattern</h2>
+        <h2>このパターンについて</h2>
         <p>
-          An <a class="role-reference" href="#alert">alert</a> is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.
-          Dynamically rendered alerts are automatically announced by most screen readers, and in some operating systems, they may trigger an alert sound.
-          It is important to note that, at this time, screen readers do not inform users of alerts that are present on the page before page load completes.
+          <a class="role-reference" href="#alert">アラート</a>は、ユーザーのタスクを中断することなくユーザーの注意を引く方法で簡潔で重要なメッセージを表示する要素です。
+          動的にレンダリングされたアラートは、ほとんどのスクリーンリーダーで自動的にアナウンスされ、一部のオペレーティングシステムでは、アラート音が鳴る場合があります。
+          この時点で、ページの読み込みが完了する前にページ上に存在するアラートをスクリーンリーダーがユーザーに通知しないことに注意することが重要です。
         </p>
         <p>
-          Because alerts are intended to provide important and potentially time-sensitive information without interfering with the user's ability to continue working, it is crucial they do not affect keyboard focus.
-          The <a href="../alertdialog/alertdialog-pattern.html">Alert Dialog Pattern</a> is designed for situations where interrupting work flow is necessary.
+          アラートは、ユーザーの作業を続行する能力を妨げることなく、重要で時間に敏感な情報を提供することを目的としているため、キーボードフォーカスに影響を与えないようにすることが非常に重要です。
+          <a href="../alertdialog/alertdialog-pattern.html">アラートダイアログパターン</a>は、ワークフローを中断する必要がある状況のために設計されています。
         </p>
         <p>
-          It is also important to avoid designing alerts that disappear automatically.
-          An alert that disappears too quickly can lead to failure to meet
-          <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-no-exceptions.html">WCAG 2.0 success criterion 2.2.3</a>.
-          Another critical design consideration is the frequency of interruption caused by alerts.
-          Frequent interruptions inhibit usability for people with visual and cognitive disabilities, which makes meeting the requirements of
-          <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html">WCAG 2.0 success criterion 2.2.4</a> more difficult.
+          アラートが自動的に消えるように設計しないことも重要です。
+          あまりにも早く消えるアラートは、
+          <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-no-exceptions.html">WCAG 2.0成功基準2.2.3</a>を満たすことができなくなる可能性があります。
+          アラートによる中断の頻度も重要な設計上の考慮事項です。
+          頻繁な中断は、視覚や認知障害を持つ人々の利用性を阻害するため、
+          <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html">WCAG 2.0成功基準2.2.4</a>の要件を満たすことが難しくなります。
         </p>
       </section>
 
       <section id="examples">
-        <h2>Example</h2>
-        <p><a href="examples/alert.html">Alert Example</a></p>
+        <h2>例</h2>
+        <p><a href="examples/alert.html">アラートの例</a></p>
       </section>
 
       <section id="keyboard_interaction">
-        <h2>Keyboard Interaction</h2>
-        <p>Not applicable.</p>
+        <h2>キーボードインタラクション</h2>
+        <p>該当なし。</p>
       </section>
 
       <section id="roles_states_properties">
-        <h2>WAI-ARIA Roles, States, and Properties</h2>
-        <p>The widget has a role of <a class="role-reference" href="#alert">alert</a>.</p>
+        <h2>WAI-ARIAの役割、状態、およびプロパティ</h2>
+        <p>ウィジェットは<a class="role-reference" href="#alert">アラート</a>の役割を持っています。</p>
       </section>
     </main>
   </body>
diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index ce61574e..e6297f2f 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ja">
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Alert Example</title>
+    <title>アラートの例</title>
 
     <!-- Core JS and CSS shared by all examples -->
     <link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/2016/base.css">
@@ -20,66 +20,67 @@
   <body>
     <nav aria-label="Related Links" class="feedback">
       <ul>
-        <li><a href="https://github.com/w3c/aria-practices/projects/20">Related Issues</a></li>
-        <li><a href="../alert-pattern.html">Design Pattern</a></li>
+        <li><a href="https://github.com/w3c/aria-practices/projects/20">関連するIssues</a></li>
+        <li><a href="../alert-pattern.html">デザインパターン</a></li>
       </ul>
     </nav>
     <main>
-      <h1>Alert Example</h1>
+      <h1>アラートの例</h1>
+      <!-- 翻訳元リビジョン: https://github.com/w3c/aria-practices/tree/d6cf9d8db772603a456e7d7ef52e409d39124301 -->
 
       <section>
-        <h2>About This Example</h2>
+        <h2>この例について</h2>
         <p>
-          The below example demonstrates the <a href="../alert-pattern.html">Alert Pattern</a>.
-          Activating the <q>Trigger Alert</q> button causes a message to be inserted into the example alert element.
+          以下の例は、<a href="../alert-pattern.html">アラートのパターン</a>を示しています。
+          <q>アラートを作動する</q>ボタンを作動すると、例のアラート要素にメッセージが挿入されます。
         </p>
-        <p>Similar examples include:</p>
+        <p>類似の例には以下があります：</p>
         <ul>
-          <li><a href="../../alertdialog/examples/alertdialog.html">Alert Dialog Example</a>: A confirmation prompt that demonstrates an alert dialog.</li>
+          <li><a href="../../alertdialog/examples/alertdialog.html">アラートダイアログの例</a>: アラートダイアログを示す確認プロンプト。</li>
         </ul>
       </section>
 
       <section>
         <div class="example-header">
-          <h2 id="ex_label">Example</h2>
+          <h2 id="ex_label">例</h2>
         </div>
-        <p>This is just a test. A typical alert is triggered by an event, such as an error, warning condition, or the arrival of information that is important in the context of the user's task.</p>
-        <div role="separator" id="ex_start_sep" aria-labelledby="ex_start_sep ex_label" aria-label="Start of"></div>
+        <p>これはテストです。典型的なアラートは、エラーや警告の状態、またはユーザーのタスクの文脈で重要な情報の到着などのイベントによってトリガーされます。</p>
+        <div role="separator" id="ex_start_sep" aria-labelledby="ex_label ex_start_sep" aria-label="の開始"></div>
         <div id="ex1">
-          <button type="button" id="alert-trigger">Trigger Alert</button>
+          <button type="button" id="alert-trigger">アラートを作動する</button>
 
           <div id="example" role="alert"></div>
 
-          <!--  The following script element contains the content that will be inserted into the alert element. -->
+          <!--  以下のscript要素には、アラート要素に挿入される内容が含まれています。 -->
           <script type="text/template" id="alert-template">
-            <p>Hello</p>
+            <p>こんにちは</p>
           </script>
         </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_label ex_end_sep" aria-label="の終了"></div>
       </section>
 
       <section>
-        <h2>Accessibility Features</h2>
+        <h2>アクセシビリティの特徴</h2>
         <p>
-          Because an alert is for critical information, assistive technologies may provide special behaviors designed to help call attention to changes in the text of an alert.
-          For example, screen readers may interrupt all other speech and preface announcement of the new alert text with a special sound or phrase.
+          アラートは重要な情報のため、支援技術はアラートのテキストの変更に注意を向けるための特別な動作を提供する場合があります。
+          例えば、スクリーンリーダーは他のすべての発話を中断し、新しいアラートテキストの前に特別な音やフレーズでアナウンスする場合があります。
         </p>
       </section>
 
       <section>
-        <h2 id="kbd_label">Keyboard Support</h2>
-        <p>No keyboard interaction needed.</p>
+        <h2 id="kbd_label">キーボードサポート</h2>
+        <p>キーボードの操作は必要ありません。</p>
       </section>
 
       <section>
-        <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
+        <h2 id="rps_label">役割、プロパティ、状態、およびTabindex属性</h2>
         <table aria-labelledby="rps_label" class="data attributes">
           <thead>
             <tr>
-              <th scope="col">Role</th>
-              <th scope="col">Attribute</th>
-              <th scope="col">Element</th>
-              <th scope="col">Usage</th>
+              <th scope="col">役割</th>
+              <th scope="col">属性</th>
+              <th scope="col">要素</th>
+              <th scope="col">使用法</th>
             </tr>
           </thead>
           <tbody>
@@ -87,18 +88,18 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
               <th scope="row"><code>alert</code></th>
               <td></td>
               <td><code>div</code></td>
-              <td>Identifies the element as the container where alert content will be added or updated.</td>
+              <td>アラートのコンテンツが追加または更新されるコンテナとしての要素を識別します。</td>
             </tr>
             <tr data-test-id="test-not-required">
               <td></td>
               <th scope="row">
                 <code>aria-live=<q>assertive</q></code>
               </th>
-              <td>Implicit on <code>div</code></td>
+              <td><code>div</code>に暗黙的</td>
               <td>
                 <ul>
-                  <li>This does not have to be declared in the code because it is implicit in the alert role.</li>
-                  <li>Tells assistive technologies to interrupt other processes to provide users with immediate notification of relevant alert container changes.</li>
+                  <li>これはアラートの役割に暗黙的であるため、コードで宣言する必要はありません。</li>
+                  <li>支援技術に、関連するアラートコンテナの変更の即時通知をユーザーに提供するために他のプロセスを中断するように指示します。</li>
                 </ul>
               </td>
             </tr>
@@ -107,11 +108,11 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
               <th scope="row">
                 <code>aria-atomic=<q>true</q></code>
               </th>
-              <td>Implicit on <code>div</code></td>
+              <td><code>div</code>に暗黙的</td>
               <td>
                 <ul>
-                  <li>This does not have to be declared in the code because it is implicit in the alert role.</li>
-                  <li>Tells assistive technologies to use the entire content of the alert element as the alert message even if only a portion of it has changed.</li>
+                  <li>これはアラートの役割に暗黙的であるため、コードで宣言する必要はありません。</li>
+                  <li>アラート要素の内容の一部のみが変更された場合でも、アラートメッセージとしてアラート要素の全内容を使用するように支援技術に指示します。</li>
                 </ul>
               </td>
             </tr>
@@ -120,7 +121,7 @@ <h2 id="rps_label">Role, Property, State, and Tabindex Attributes</h2>
       </section>
 
       <section>
-        <h2>JavaScript and CSS Source Code</h2>
+        <h2>JavaScriptとCSSのソースコード</h2>
         <ul id="css_js_files">
           <li>
             CSS:
@@ -134,18 +135,18 @@ <h2>JavaScript and CSS Source Code</h2>
       </section>
 
       <section>
-        <h2 id="sc1_label">HTML Source Code</h2>
-        <div role="separator" id="sc1_start_sep" aria-labelledby="sc1_start_sep sc1_label" aria-label="Start of"></div>
+        <h2 id="sc1_label">HTMLのソースコード</h2>
+        <div role="separator" id="sc1_start_sep" aria-labelledby="sc1_label sc1_start_sep" aria-label="の開始"></div>
         <pre><code id="sc1"></code></pre>
-        <div role="separator" id="sc1_end_sep" aria-labelledby="sc1_end_sep sc1_label" aria-label="End of"></div>
+        <div role="separator" id="sc1_end_sep" aria-labelledby="sc1_label sc1_end_sep" aria-label="の終了"></div>
         <script>
           sourceCode.add('sc1', 'ex1', 'ex_label', 'css_js_files');
           sourceCode.make();
         </script>
       </section>
-      
+
       <section id="at-support">
-        <h2>Assistive Technology Support</h2>
+        <h2>支援技術のサポート</h2>
         <iframe
           class="support-levels-alert"
           src="https://aria-at.w3.org/embed/reports/alert"

From baf4fc7cf8d68c24c4eb81cf8fdb30ef781b32a7 Mon Sep 17 00:00:00 2001
From: Shimada Takayuki <taka@tsmd.jp>
Date: Tue, 26 Sep 2023 09:23:13 +0900
Subject: [PATCH 02/16] =?UTF-8?q?=E4=B8=80=E9=83=A8=E3=81=AE=E8=AA=9E?=
 =?UTF-8?q?=E5=8F=A5=EF=BC=88role,=20state,=20tabindex=EF=BC=89=E3=81=AE?=
 =?UTF-8?q?=E8=A8=B3=E5=87=BA=E3=82=92=E7=B5=B1=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/patterns/alert/alert-pattern.html  | 4 ++--
 content/patterns/alert/examples/alert.html | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/content/patterns/alert/alert-pattern.html b/content/patterns/alert/alert-pattern.html
index ed5fa6f9..42dfa62e 100644
--- a/content/patterns/alert/alert-pattern.html
+++ b/content/patterns/alert/alert-pattern.html
@@ -49,8 +49,8 @@ <h2>キーボードインタラクション</h2>
       </section>
 
       <section id="roles_states_properties">
-        <h2>WAI-ARIAの役割、状態、およびプロパティ</h2>
-        <p>ウィジェットは<a class="role-reference" href="#alert">アラート</a>の役割を持っています。</p>
+        <h2>WAI-ARIAのロール、ステート、およびプロパティ</h2>
+        <p>ウィジェットは<a class="role-reference" href="#alert">アラート</a>ロールを持っています。</p>
       </section>
     </main>
   </body>
diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index e6297f2f..c4b71f56 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -73,11 +73,11 @@ <h2 id="kbd_label">キーボードサポート</h2>
       </section>
 
       <section>
-        <h2 id="rps_label">役割、プロパティ、状態、およびTabindex属性</h2>
+        <h2 id="rps_label">ロール、プロパティ、ステート、およびtabindex属性</h2>
         <table aria-labelledby="rps_label" class="data attributes">
           <thead>
             <tr>
-              <th scope="col">役割</th>
+              <th scope="col">ロール</th>
               <th scope="col">属性</th>
               <th scope="col">要素</th>
               <th scope="col">使用法</th>
@@ -98,7 +98,7 @@ <h2 id="rps_label">役割、プロパティ、状態、およびTabindex属性</
               <td><code>div</code>に暗黙的</td>
               <td>
                 <ul>
-                  <li>これはアラートの役割に暗黙的であるため、コードで宣言する必要はありません。</li>
+                  <li>これはalertのロールに暗黙的であるため、コードで宣言する必要はありません。</li>
                   <li>支援技術に、関連するアラートコンテナの変更の即時通知をユーザーに提供するために他のプロセスを中断するように指示します。</li>
                 </ul>
               </td>
@@ -111,7 +111,7 @@ <h2 id="rps_label">役割、プロパティ、状態、およびTabindex属性</
               <td><code>div</code>に暗黙的</td>
               <td>
                 <ul>
-                  <li>これはアラートの役割に暗黙的であるため、コードで宣言する必要はありません。</li>
+                  <li>これはalertのロールに暗黙的であるため、コードで宣言する必要はありません。</li>
                   <li>アラート要素の内容の一部のみが変更された場合でも、アラートメッセージとしてアラート要素の全内容を使用するように支援技術に指示します。</li>
                 </ul>
               </td>

From 04cf0cbd501fa6f559a14b4c3fc468d25be1a3a7 Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Mon, 23 Oct 2023 17:53:47 +0900
Subject: [PATCH 03/16] =?UTF-8?q?ChatGPT=20=E3=81=AE=E7=BF=BB=E8=A8=B3?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E3=81=AE=E7=A2=BA=E8=AA=8D=E3=81=A8=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/patterns/alert/alert-pattern.html  | 20 ++++--------
 content/patterns/alert/examples/alert.html | 36 ++++++++++------------
 2 files changed, 23 insertions(+), 33 deletions(-)

diff --git a/content/patterns/alert/alert-pattern.html b/content/patterns/alert/alert-pattern.html
index 42dfa62e..2c5409ee 100644
--- a/content/patterns/alert/alert-pattern.html
+++ b/content/patterns/alert/alert-pattern.html
@@ -20,21 +20,13 @@ <h1>アラート パターン</h1>
       <section id="about">
         <h2>このパターンについて</h2>
         <p>
-          <a class="role-reference" href="#alert">アラート</a>は、ユーザーのタスクを中断することなくユーザーの注意を引く方法で簡潔で重要なメッセージを表示する要素です。
-          動的にレンダリングされたアラートは、ほとんどのスクリーンリーダーで自動的にアナウンスされ、一部のオペレーティングシステムでは、アラート音が鳴る場合があります。
-          この時点で、ページの読み込みが完了する前にページ上に存在するアラートをスクリーンリーダーがユーザーに通知しないことに注意することが重要です。
+          <a class="role-reference" href="#alert">アラート</a>は、利用者のタスクを中断することなく利用者の注意を引く方法によって、簡潔で重要なメッセージを表示する要素です。動的にレンダリングされたアラートは、ほとんどのスクリーンリーダーで自動的にアナウンスされ、一部のオペレーティングシステムでは、アラート音が鳴る場合があります。現時点でスクリーンリーダーは、ページの読み込みが完了する前にページ上に存在するアラートを、利用者に通知しないことに注意することが重要です。
         </p>
         <p>
-          アラートは、ユーザーの作業を続行する能力を妨げることなく、重要で時間に敏感な情報を提供することを目的としているため、キーボードフォーカスに影響を与えないようにすることが非常に重要です。
-          <a href="../alertdialog/alertdialog-pattern.html">アラートダイアログパターン</a>は、ワークフローを中断する必要がある状況のために設計されています。
+          アラートは、利用者の作業を続行する能力を妨げることなく、重要かつ時間的にセンシティブな恐れのある情報を提供することを目的としているため、キーボードフォーカスに影響を与えないようにすることが非常に重要です。<a href="../alertdialog/alertdialog-pattern.html">アラートダイアログ パターン</a>は、ワークフローを中断する必要がある状況のために設計されたものです。
         </p>
         <p>
-          アラートが自動的に消えるように設計しないことも重要です。
-          あまりにも早く消えるアラートは、
-          <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-no-exceptions.html">WCAG 2.0成功基準2.2.3</a>を満たすことができなくなる可能性があります。
-          アラートによる中断の頻度も重要な設計上の考慮事項です。
-          頻繁な中断は、視覚や認知障害を持つ人々の利用性を阻害するため、
-          <a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html">WCAG 2.0成功基準2.2.4</a>の要件を満たすことが難しくなります。
+          アラートが自動的に消えるように設計しないことも重要です。あまりにも早く消えるアラートは、<a href="https://waic.jp/translations/WCAG21/Understanding/no-timing.html">WCAG 2.1 達成基準 2.2.3</a> を満たすことができなくなる可能性があります。アラートによる中断の頻度も重要な設計上の考慮事項です。頻繁な中断は、視覚や認知に障害を持つ人々の利用性を阻害するため、<a href="https://waic.jp/translations/WCAG21/Understanding/interruptions.html">WCAG 2.1 達成基準 2.2.4</a> の要件を満たすことが難しくなります。
         </p>
       </section>
 
@@ -44,13 +36,13 @@ <h2>例</h2>
       </section>
 
       <section id="keyboard_interaction">
-        <h2>キーボードインタラクション</h2>
+        <h2>キーボードの操作</h2>
         <p>該当なし。</p>
       </section>
 
       <section id="roles_states_properties">
-        <h2>WAI-ARIAのロール、ステート、およびプロパティ</h2>
-        <p>ウィジェットは<a class="role-reference" href="#alert">アラート</a>ロールを持っています。</p>
+        <h2>WAI-ARIA のロール、ステート、及びプロパティ</h2>
+        <p>ウィジェットは <a class="role-reference" href="#alert">alert</a> ロールを持っています。</p>
       </section>
     </main>
   </body>
diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index c4b71f56..439ce8bc 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -31,12 +31,11 @@ <h1>アラートの例</h1>
       <section>
         <h2>この例について</h2>
         <p>
-          以下の例は、<a href="../alert-pattern.html">アラートのパターン</a>を示しています。
-          <q>アラートを作動する</q>ボタンを作動すると、例のアラート要素にメッセージが挿入されます。
+          以下の例は、<a href="../alert-pattern.html">アラート パターン</a>のデモンストレーションです。<q>アラートをトリガーする</q>ボタンを作動すると、例のところにあるアラートの要素にメッセージが挿入されます。
         </p>
         <p>類似の例には以下があります：</p>
         <ul>
-          <li><a href="../../alertdialog/examples/alertdialog.html">アラートダイアログの例</a>: アラートダイアログを示す確認プロンプト。</li>
+          <li><a href="../../alertdialog/examples/alertdialog.html">アラートダイアログの例</a>: アラートダイアログのデモンストレーションである確認プロンプトです。</li>
         </ul>
       </section>
 
@@ -44,10 +43,10 @@ <h2>この例について</h2>
         <div class="example-header">
           <h2 id="ex_label">例</h2>
         </div>
-        <p>これはテストです。典型的なアラートは、エラーや警告の状態、またはユーザーのタスクの文脈で重要な情報の到着などのイベントによってトリガーされます。</p>
+        <p>これはテストです。典型的なアラートは、エラー、警告状態、又は利用者のタスクの文脈において重要な情報の着信といったイベントによって、トリガーされます。</p>
         <div role="separator" id="ex_start_sep" aria-labelledby="ex_label ex_start_sep" aria-label="の開始"></div>
         <div id="ex1">
-          <button type="button" id="alert-trigger">アラートを作動する</button>
+          <button type="button" id="alert-trigger">アラートをトリガーする</button>
 
           <div id="example" role="alert"></div>
 
@@ -62,18 +61,17 @@ <h2 id="ex_label">例</h2>
       <section>
         <h2>アクセシビリティの特徴</h2>
         <p>
-          アラートは重要な情報のため、支援技術はアラートのテキストの変更に注意を向けるための特別な動作を提供する場合があります。
-          例えば、スクリーンリーダーは他のすべての発話を中断し、新しいアラートテキストの前に特別な音やフレーズでアナウンスする場合があります。
+          アラートは重要な情報のため、支援技術はアラートのテキストの変更に注意を向けるための特別な動作を提供する場合があります。例えば、スクリーンリーダーは他のすべての読み上げを中断し、新しいアラートテキストの前に特別な音又はフレーズでアナウンスする場合があります。
         </p>
       </section>
 
       <section>
-        <h2 id="kbd_label">キーボードサポート</h2>
-        <p>キーボードの操作は必要ありません。</p>
+        <h2 id="kbd_label">キーボードのサポート</h2>
+        <p>キーボードによるインタラクションは必要ありません。</p>
       </section>
 
       <section>
-        <h2 id="rps_label">ロール、プロパティ、ステート、およびtabindex属性</h2>
+        <h2 id="rps_label">ロール、プロパティ、ステート、及び tabindex 属性</h2>
         <table aria-labelledby="rps_label" class="data attributes">
           <thead>
             <tr>
@@ -88,18 +86,18 @@ <h2 id="rps_label">ロール、プロパティ、ステート、およびtabinde
               <th scope="row"><code>alert</code></th>
               <td></td>
               <td><code>div</code></td>
-              <td>アラートのコンテンツが追加または更新されるコンテナとしての要素を識別します。</td>
+              <td>アラートのコンテンツが追加又は更新されるコンテナとしての要素を識別します。</td>
             </tr>
             <tr data-test-id="test-not-required">
               <td></td>
               <th scope="row">
                 <code>aria-live=<q>assertive</q></code>
               </th>
-              <td><code>div</code>に暗黙的</td>
+              <td><code>div</code> に暗黙的</td>
               <td>
                 <ul>
-                  <li>これはalertのロールに暗黙的であるため、コードで宣言する必要はありません。</li>
-                  <li>支援技術に、関連するアラートコンテナの変更の即時通知をユーザーに提供するために他のプロセスを中断するように指示します。</li>
+                  <li>これは alert のロールにおいて暗黙的であるため、コードで宣言する必要はありません。</li>
+                  <li>関連するアラートコンテナの変更の即時通知を利用者に提供するために、他のプロセスを中断するよう支援技術に指示します。</li>
                 </ul>
               </td>
             </tr>
@@ -108,11 +106,11 @@ <h2 id="rps_label">ロール、プロパティ、ステート、およびtabinde
               <th scope="row">
                 <code>aria-atomic=<q>true</q></code>
               </th>
-              <td><code>div</code>に暗黙的</td>
+              <td><code>div</code> に暗黙的</td>
               <td>
                 <ul>
-                  <li>これはalertのロールに暗黙的であるため、コードで宣言する必要はありません。</li>
-                  <li>アラート要素の内容の一部のみが変更された場合でも、アラートメッセージとしてアラート要素の全内容を使用するように支援技術に指示します。</li>
+                  <li>これは alert のロールにおいて暗黙的であるため、コードで宣言する必要はありません。</li>
+                  <li>アラート要素の内容の一部のみが変更された場合でも、アラートメッセージとしてアラート要素の全内容を使用するように、支援技術に指示します。</li>
                 </ul>
               </td>
             </tr>
@@ -121,7 +119,7 @@ <h2 id="rps_label">ロール、プロパティ、ステート、およびtabinde
       </section>
 
       <section>
-        <h2>JavaScriptとCSSのソースコード</h2>
+        <h2>JavaScript 及び CSS のソースコード</h2>
         <ul id="css_js_files">
           <li>
             CSS:
@@ -135,7 +133,7 @@ <h2>JavaScriptとCSSのソースコード</h2>
       </section>
 
       <section>
-        <h2 id="sc1_label">HTMLのソースコード</h2>
+        <h2 id="sc1_label">HTML のソースコード</h2>
         <div role="separator" id="sc1_start_sep" aria-labelledby="sc1_label sc1_start_sep" aria-label="の開始"></div>
         <pre><code id="sc1"></code></pre>
         <div role="separator" id="sc1_end_sep" aria-labelledby="sc1_label sc1_end_sep" aria-label="の終了"></div>

From 05f196751e2f1b10975c5146ea534d3dbbed5e3c Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 16:43:53 +0900
Subject: [PATCH 04/16] Update content/patterns/alert/alert-pattern.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/alert-pattern.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/alert-pattern.html b/content/patterns/alert/alert-pattern.html
index 2c5409ee..23196576 100644
--- a/content/patterns/alert/alert-pattern.html
+++ b/content/patterns/alert/alert-pattern.html
@@ -20,7 +20,7 @@ <h1>アラート パターン</h1>
       <section id="about">
         <h2>このパターンについて</h2>
         <p>
-          <a class="role-reference" href="#alert">アラート</a>は、利用者のタスクを中断することなく利用者の注意を引く方法によって、簡潔で重要なメッセージを表示する要素です。動的にレンダリングされたアラートは、ほとんどのスクリーンリーダーで自動的にアナウンスされ、一部のオペレーティングシステムでは、アラート音が鳴る場合があります。現時点でスクリーンリーダーは、ページの読み込みが完了する前にページ上に存在するアラートを、利用者に通知しないことに注意することが重要です。
+          <a class="role-reference" href="#alert">アラート</a>は、利用者のタスクを中断することなく、利用者の注意を引くように、簡潔で重要なメッセージを表示する要素です。動的にレンダリングされたアラートは、ほとんどのスクリーンリーダーで自動的にアナウンスされ、一部のオペレーティングシステムでは、アラート音が鳴る場合があります。現時点でスクリーンリーダーは、ページの読み込みが完了する前にページ上に存在するアラートを、利用者に通知しないことに注意することが重要です。
         </p>
         <p>
           アラートは、利用者の作業を続行する能力を妨げることなく、重要かつ時間的にセンシティブな恐れのある情報を提供することを目的としているため、キーボードフォーカスに影響を与えないようにすることが非常に重要です。<a href="../alertdialog/alertdialog-pattern.html">アラートダイアログ パターン</a>は、ワークフローを中断する必要がある状況のために設計されたものです。

From a11c8852fca061e237b4f8f2cc142f8fa20f88cf Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 16:48:24 +0900
Subject: [PATCH 05/16] Update content/patterns/alert/alert-pattern.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/alert-pattern.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/alert-pattern.html b/content/patterns/alert/alert-pattern.html
index 23196576..7860086b 100644
--- a/content/patterns/alert/alert-pattern.html
+++ b/content/patterns/alert/alert-pattern.html
@@ -23,7 +23,7 @@ <h2>このパターンについて</h2>
           <a class="role-reference" href="#alert">アラート</a>は、利用者のタスクを中断することなく、利用者の注意を引くように、簡潔で重要なメッセージを表示する要素です。動的にレンダリングされたアラートは、ほとんどのスクリーンリーダーで自動的にアナウンスされ、一部のオペレーティングシステムでは、アラート音が鳴る場合があります。現時点でスクリーンリーダーは、ページの読み込みが完了する前にページ上に存在するアラートを、利用者に通知しないことに注意することが重要です。
         </p>
         <p>
-          アラートは、利用者の作業を続行する能力を妨げることなく、重要かつ時間的にセンシティブな恐れのある情報を提供することを目的としているため、キーボードフォーカスに影響を与えないようにすることが非常に重要です。<a href="../alertdialog/alertdialog-pattern.html">アラートダイアログ パターン</a>は、ワークフローを中断する必要がある状況のために設計されたものです。
+          アラートは、重要かつ一刻を争うかもしれない情報を、利用者の作業継続を妨げることなく提供することを目的としているため、キーボードフォーカスに影響を与えないようにすることが非常に重要です。<a href="../alertdialog/alertdialog-pattern.html">アラートダイアログ パターン</a>は、ワークフローを中断する必要がある状況のために設計されたものです。
         </p>
         <p>
           アラートが自動的に消えるように設計しないことも重要です。あまりにも早く消えるアラートは、<a href="https://waic.jp/translations/WCAG21/Understanding/no-timing.html">WCAG 2.1 達成基準 2.2.3</a> を満たすことができなくなる可能性があります。アラートによる中断の頻度も重要な設計上の考慮事項です。頻繁な中断は、視覚や認知に障害を持つ人々の利用性を阻害するため、<a href="https://waic.jp/translations/WCAG21/Understanding/interruptions.html">WCAG 2.1 達成基準 2.2.4</a> の要件を満たすことが難しくなります。

From 48a056c7d903bd74d10b97c8c951a39f24368005 Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 16:59:53 +0900
Subject: [PATCH 06/16] Update content/patterns/alert/alert-pattern.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/alert-pattern.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/alert-pattern.html b/content/patterns/alert/alert-pattern.html
index 7860086b..3cf94ada 100644
--- a/content/patterns/alert/alert-pattern.html
+++ b/content/patterns/alert/alert-pattern.html
@@ -26,7 +26,7 @@ <h2>このパターンについて</h2>
           アラートは、重要かつ一刻を争うかもしれない情報を、利用者の作業継続を妨げることなく提供することを目的としているため、キーボードフォーカスに影響を与えないようにすることが非常に重要です。<a href="../alertdialog/alertdialog-pattern.html">アラートダイアログ パターン</a>は、ワークフローを中断する必要がある状況のために設計されたものです。
         </p>
         <p>
-          アラートが自動的に消えるように設計しないことも重要です。あまりにも早く消えるアラートは、<a href="https://waic.jp/translations/WCAG21/Understanding/no-timing.html">WCAG 2.1 達成基準 2.2.3</a> を満たすことができなくなる可能性があります。アラートによる中断の頻度も重要な設計上の考慮事項です。頻繁な中断は、視覚や認知に障害を持つ人々の利用性を阻害するため、<a href="https://waic.jp/translations/WCAG21/Understanding/interruptions.html">WCAG 2.1 達成基準 2.2.4</a> の要件を満たすことが難しくなります。
+          アラートが自動的に消えるように設計しないことも重要です。あまりにも早く消えるアラートは、<a href="https://waic.jp/translations/WCAG21/Understanding/no-timing.html">WCAG 2.1 達成基準 2.2.3</a> を満たすことができなくなる可能性があります。アラートによる割り込みの頻度も重要な設計上の考慮事項です。頻繁な割り込みは、視覚や認知に障害を持つ人々の利用性を阻害するため、<a href="https://waic.jp/translations/WCAG21/Understanding/interruptions.html">WCAG 2.1 達成基準 2.2.4</a> の要件を満たすことが難しくなります。
         </p>
       </section>
 

From 64ebb8f401ee73cdd851342137c196d1abc526b0 Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:38:52 +0900
Subject: [PATCH 07/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index 439ce8bc..b6494213 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -31,7 +31,7 @@ <h1>アラートの例</h1>
       <section>
         <h2>この例について</h2>
         <p>
-          以下の例は、<a href="../alert-pattern.html">アラート パターン</a>のデモンストレーションです。<q>アラートをトリガーする</q>ボタンを作動すると、例のところにあるアラートの要素にメッセージが挿入されます。
+          以下の例は、<a href="../alert-pattern.html">アラート パターン</a>のデモンストレーションです。<q>アラートをトリガーする</q>ボタンを動作させると、この例のアラートの要素の中にメッセージが挿入されます。
         </p>
         <p>類似の例には以下があります：</p>
         <ul>

From a6cb01ce851112d33575ede034a842b4e5deef24 Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:39:23 +0900
Subject: [PATCH 08/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index b6494213..006f71a4 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -35,7 +35,7 @@ <h2>この例について</h2>
         </p>
         <p>類似の例には以下があります：</p>
         <ul>
-          <li><a href="../../alertdialog/examples/alertdialog.html">アラートダイアログの例</a>: アラートダイアログのデモンストレーションである確認プロンプトです。</li>
+          <li><a href="../../alertdialog/examples/alertdialog.html">アラートダイアログの例</a>: アラートダイアログによる確認プロンプトのデモです。</li>
         </ul>
       </section>
 

From 6c35885c09cdbdeac2eaae10f12486d99773e84d Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:39:39 +0900
Subject: [PATCH 09/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index 006f71a4..b9a6d7ab 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -96,7 +96,7 @@ <h2 id="rps_label">ロール、プロパティ、ステート、及び tabindex
               <td><code>div</code> に暗黙的</td>
               <td>
                 <ul>
-                  <li>これは alert のロールにおいて暗黙的であるため、コードで宣言する必要はありません。</li>
+                  <li>これは alert ロールによって暗黙的に割り当てられるため、コードで宣言する必要はありません。</li>
                   <li>関連するアラートコンテナの変更の即時通知を利用者に提供するために、他のプロセスを中断するよう支援技術に指示します。</li>
                 </ul>
               </td>

From 37cf9265418597461ce126b103c99bc224f83266 Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:41:05 +0900
Subject: [PATCH 10/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index b9a6d7ab..20191ce1 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -93,7 +93,7 @@ <h2 id="rps_label">ロール、プロパティ、ステート、及び tabindex
               <th scope="row">
                 <code>aria-live=<q>assertive</q></code>
               </th>
-              <td><code>div</code> に暗黙的</td>
+              <td><code>div</code> に暗黙的に割り当て</td>
               <td>
                 <ul>
                   <li>これは alert ロールによって暗黙的に割り当てられるため、コードで宣言する必要はありません。</li>

From 0174c5410f844fa0f562889d2ba845e9c2492aa1 Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:41:18 +0900
Subject: [PATCH 11/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index 20191ce1..909ca1f3 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -97,7 +97,7 @@ <h2 id="rps_label">ロール、プロパティ、ステート、及び tabindex
               <td>
                 <ul>
                   <li>これは alert ロールによって暗黙的に割り当てられるため、コードで宣言する必要はありません。</li>
-                  <li>関連するアラートコンテナの変更の即時通知を利用者に提供するために、他のプロセスを中断するよう支援技術に指示します。</li>
+                  <li>関連するアラートコンテナの変更の即時通知を利用者に提供するために、他のプロセスに割り込むよう支援技術に指示します。</li>
                 </ul>
               </td>
             </tr>

From 7b9881999a4ae9a0b755e6c07167c3268462b087 Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:41:33 +0900
Subject: [PATCH 12/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index 909ca1f3..83ca1cbf 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -109,7 +109,7 @@ <h2 id="rps_label">ロール、プロパティ、ステート、及び tabindex
               <td><code>div</code> に暗黙的</td>
               <td>
                 <ul>
-                  <li>これは alert のロールにおいて暗黙的であるため、コードで宣言する必要はありません。</li>
+                  <li>これは alert ロールによって暗黙的に割り当てられるため、コードで宣言する必要はありません。</li>
                   <li>アラート要素の内容の一部のみが変更された場合でも、アラートメッセージとしてアラート要素の全内容を使用するように、支援技術に指示します。</li>
                 </ul>
               </td>

From fd44e670635e689efefe39c5396d7fb2f63ea6db Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:42:43 +0900
Subject: [PATCH 13/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index 83ca1cbf..7cb0f9f3 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -110,7 +110,7 @@ <h2 id="rps_label">ロール、プロパティ、ステート、及び tabindex
               <td>
                 <ul>
                   <li>これは alert ロールによって暗黙的に割り当てられるため、コードで宣言する必要はありません。</li>
-                  <li>アラート要素の内容の一部のみが変更された場合でも、アラートメッセージとしてアラート要素の全内容を使用するように、支援技術に指示します。</li>
+                  <li>アラートの要素の内容の一部だけが変更された場合でも、内容の全部をアラートメッセージとして使用するように、支援技術に指示します。</li>
                 </ul>
               </td>
             </tr>

From 2c3c4284fd25f677c274d1da672f66b7038b2afb Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:43:21 +0900
Subject: [PATCH 14/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index 7cb0f9f3..6ec04633 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -50,7 +50,7 @@ <h2 id="ex_label">例</h2>
 
           <div id="example" role="alert"></div>
 
-          <!--  以下のscript要素には、アラート要素に挿入される内容が含まれています。 -->
+          <!--  以下のscript要素には、アラートの要素に挿入される内容が含まれています。 -->
           <script type="text/template" id="alert-template">
             <p>こんにちは</p>
           </script>

From a839f16cd81c289102c4713be525f52a5931b81b Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:43:43 +0900
Subject: [PATCH 15/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index 6ec04633..f01f5b92 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -59,7 +59,7 @@ <h2 id="ex_label">例</h2>
       </section>
 
       <section>
-        <h2>アクセシビリティの特徴</h2>
+        <h2>アクセシビリティ機能</h2>
         <p>
           アラートは重要な情報のため、支援技術はアラートのテキストの変更に注意を向けるための特別な動作を提供する場合があります。例えば、スクリーンリーダーは他のすべての読み上げを中断し、新しいアラートテキストの前に特別な音又はフレーズでアナウンスする場合があります。
         </p>

From 85736682344094d84f8d297cd510f8efcc02912a Mon Sep 17 00:00:00 2001
From: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
Date: Fri, 12 Apr 2024 17:44:10 +0900
Subject: [PATCH 16/16] Update content/patterns/alert/examples/alert.html

Co-authored-by: MINAZUKI, Bakera <bakera@star.email.ne.jp>
---
 content/patterns/alert/examples/alert.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/patterns/alert/examples/alert.html b/content/patterns/alert/examples/alert.html
index f01f5b92..1dabe70c 100644
--- a/content/patterns/alert/examples/alert.html
+++ b/content/patterns/alert/examples/alert.html
@@ -61,7 +61,7 @@ <h2 id="ex_label">例</h2>
       <section>
         <h2>アクセシビリティ機能</h2>
         <p>
-          アラートは重要な情報のため、支援技術はアラートのテキストの変更に注意を向けるための特別な動作を提供する場合があります。例えば、スクリーンリーダーは他のすべての読み上げを中断し、新しいアラートテキストの前に特別な音又はフレーズでアナウンスする場合があります。
+          アラートは重要な情報のため、支援技術はアラートのテキストの変更に注意を向けるための特別な動作を提供する場合があります。例えば、スクリーンリーダーは他のすべての読み上げに割り込んで、新しいアラートテキストの前に特別な音又はフレーズでアナウンスする場合があります。
         </p>
       </section>
 

Role	Attribute	Element	Usage	役割
`alert`		`div`	Identifies the element as the container where alert content will be added or updated.	アラートのコンテンツが追加または更新されるコンテナとしての要素を識別します。
	`aria-live=assertive`	Implicit on `div`	`div`に暗黙的	- This does not have to be declared in the code because it is implicit in the alert role. - Tells assistive technologies to interrupt other processes to provide users with immediate notification of relevant alert container changes. + これはアラートの役割に暗黙的であるため、コードで宣言する必要はありません。 + 支援技術に、関連するアラートコンテナの変更の即時通知をユーザーに提供するために他のプロセスを中断するように指示します。
`aria-atomic=true`	Implicit on `div`	`div`に暗黙的	- This does not have to be declared in the code because it is implicit in the alert role. - Tells assistive technologies to use the entire content of the alert element as the alert message even if only a portion of it has changed. + これはアラートの役割に暗黙的であるため、コードで宣言する必要はありません。 + アラート要素の内容の一部のみが変更された場合でも、アラートメッセージとしてアラート要素の全内容を使用するように支援技術に指示します。