diff --git a/techniques/aria/ARIA24.html b/techniques/aria/ARIA24.html
index 74ec62356..d3c300fb2 100644
--- a/techniques/aria/ARIA24.html
+++ b/techniques/aria/ARIA24.html
@@ -1,6 +1,6 @@
-<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
+<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml" lang="ja"><head>
 <meta charset="UTF-8">
-<title>ARIA24: Semantically identifying a font icon with role="img" | WAI | W3C</title>
+<title>ARIA24: アイコンフォントを意味的に識別するために role="img" を使用する | WAI | W3C</title>
       
    
 
@@ -11,8 +11,6 @@
 
 
 
-<!-- 日本語訳されるまでの一時的なスクリプト -->
-<script src="../untranslated-note.js"></script>
 </head>
    <body dir="ltr">
 
@@ -20,12 +18,12 @@
 <div class="minimal-header-container default-grid">
   <header class="minimal-header" id="site-header">
     <div class="minimal-header-name">
-      <a href="https://w3c.github.io/wcag/techniques/">WCAG 2.2 Techniques</a>
+      <a href="https://waic.jp/translations/WCAG22/Techniques/">WCAG 2.2 テクニック集</a>
     </div>
     
       <div class="minimal-header-subtitle">Examples of ways to meet WCAG; not required</div>
     
-    <a class="minimal-header-link" href="https://w3c.github.io/wcag/techniques/about">About WCAG Techniques</a>
+    <a class="minimal-header-link" href="https://waic.jp/translations/WCAG22/Techniques/about">WCAG テクニック集について</a>
     <div class="minimal-header-logo">
       <a href="http://w3.org/" aria-label="W3C">
         <svg xmlns="http://www.w3.org/2000/svg" height="2em" viewBox="0 0 91.968 44">
@@ -54,44 +52,39 @@
 
 <div class="default-grid with-gap leftcol">
 <aside class="box nav-hack sidebar standalone-resource__sidebar">
-    <header class="box-h">Page Contents</header>
+    <header class="box-h">このページの内容</header>
     <div class="box-i">
       <nav aria-label="page contents" class="navtoc">
-        <ul><li><a href="#technique">About this Technique</a></li>
-<li><a href="#description">Description</a></li>
-<li><a href="#examples">Examples</a></li>
-<li><a href="#tests">Tests</a></li>
+        <ul><li><a href="#technique">このテクニックについて</a></li>
+<li><a href="#description">解説</a></li>
+<li><a href="#examples">事例</a></li>
+<li><a href="#tests">検証</a></li>
 </ul>
       </nav>
     </div>
 </aside>
 
 <main id="main" class="standalone-resource__main">
-<!-- 日本語訳されるまでの一時的な注記 -->
-<div class="untranslated-note"><p>このWCAG 2.2 テクニック集の日本語訳は作業中となっています。WCAG 2.1 達成方法集の日本語訳をご利用いただけます。<br>[ <a href="https://waic.jp/translations/WCAG21/Techniques/">WCAG 2.1 達成方法集</a> ]</p></div>
 
       
-<h1><span>Technique ARIA24:</span>Semantically identifying a font icon with <code class="language-html">role="img"</code></h1>
+<h1><span>テクニック ARIA24:</span>アイコンフォントを意味的に識別するために <code class="language-html">role="img"</code> を使用する</h1>
 
 
 
 
 <section id="technique" class="box">
-	<h2 class="box-h box-h-icon">About this Technique</h2>
+	<h2 class="box-h box-h-icon">このテクニックについて</h2>
 	<div class="box-i">
 
 
   
   <p>
-    This technique relates to
-    
-<a href="https://w3c.github.io/wcag/understanding/info-and-relationships">1.3.1: Info and Relationships</a>
-(<strong>Sufficient</strong>).</p>
+    このテクニックは <a href="https://waic.jp/translations/WCAG22/Understanding/info-and-relationships">1.3.1: 情報及び関係性</a> (<strong>十分なテクニック</strong>) に関連する。</p>
   
 
 
 
-  <p>This technique applies to content using <a href="https://www.w3.org/TR/wai-aria/">WAI-<abbr title="Accessible Rich Internet Applications">ARIA</abbr></a>.</p>
+  <p>このテクニックは、<a href="https://www.w3.org/TR/wai-aria/">WAI-<abbr title="Accessible Rich Internet Applications">ARIA</abbr></a> を用いる HTMLに適用される。</p>
 
 </div>
 </section>
@@ -103,17 +96,17 @@ <h2 class="box-h box-h-icon">About this Technique</h2>
 
       <section id="description">
 
-         <h2>Description</h2>
-         <p>The objective of this technique is to show how to semantically identify an element that uses a font file for icons. When a user overrides font-family these icons typically disappear unless there is a means to identify them. The point is to provide a technique to differentiate icon fonts from general font (text) usage.</p>
+         <h2>解説</h2>
+         <p>このテクニックの目的は、アイコンにフォントファイルが使用されている要素を、意味的に識別する方法を示すことである。利用者がフォントファミリーを上書きすると、識別する手段がない限りそのアイコンは消える。つまり、アイコンフォントを一般的なフォント（テキスト）の使用法と区別する手段を提供する。</p>
 
-         <p>Some low vision users need user stylesheets, scripts, or extensions to override the fonts on a page to perceive text content. However, they need to be able to perceive icon fonts that are meaningful, such as a star signifying a favorite, or an email icon in a link.</p>
+         <p>一部のロービジョンの利用者は、テキストコンテンツを認識するためにユーザスタイルシート、スクリプト、又は拡張機能を使いページ上のフォントを上書きする必要がある。しかし、お気に入りを示す星やリンク内のメールアイコンなど、意味のあるアイコンフォントは認識できる必要がある。</p>
 
-         <p>The key is for the author to semantically markup icon fonts with <code class="language-html">role="img"</code>. Then the user's font replacement selector can hook into that semantic and exclude <code class="language-html">role="img"</code>. This results in those icon fonts being shown.</p>
+         <p>重要なのは、コンテンツ制作者が <code class="language-html">role="img"</code> を使用してアイコンフォントを意味的にマークアップすることである。これにより利用者のフォント置換セレクタはそのセマンティックにフックして <code class="language-html">role="img"</code> を除外できる。この結果、アイコンフォントは表示されたままとなる。</p>
 
-         <h3>Basic principle of the technique</h3>
+         <h3>テクニックの基本原則</h3>
 
-         <h4>1. Author adds a font-face to the CSS</h4>
-         <p>The first step is used for adding a font face with icons via the CSS file.</p>
+         <h4>1. コンテンツ制作者が CSS に font-face を追加する</h4>
+         <p>最初に、 CSS ファイルでアイコンのフォントを追加する。</p>
          <pre xml:space="preserve"><code class="language-html">/* specify font-family name for icons */
 @font-face { font-family: 'IconFontRoleImg'; }
 
@@ -125,30 +118,30 @@ <h4>1. Author adds a font-face to the CSS</h4>
 /* specific class for icon */
 .icon-star-bg:before { content: "\e982"; }</code></pre>
 
-         <h4>2. Author adds the font classes to the HTML</h4>
-         <p>The second step adds classes, the role="img" attribute for semantics and an accessible name.</p>
+         <h4>2. コンテンツ制作者が HTML にフォントクラスを追加する</h4>
+         <p>次に、クラス、意味的な属性である role="img"、そしてアクセシブルな名前 (accessible name) を追加する。</p>
          <pre xml:space="preserve"><code class="language-html">&lt;!-- icon via class names, role="img" and a text alternative --&gt;
 &lt;p&gt;
   &lt;span class="icon icon-star-bg" role="img" aria-label="Favorite"&gt;&lt;/span&gt;
 &lt;/p&gt;</code></pre>
 
-         <h4>3. User CSS file replaces the font-family except the icon file</h4>
-         <p>The third step uses the ":not selector" in combination with the "[attribute] selector" to only replace font faces for regular text.</p>
+         <h4>3. 利用者の CSS ファイルが、アイコンファイルを除いて font-family を置き換える</h4>
+         <p>最後に、 ":not セレクタ" と "[属性] セレクタ" を組み合わせて使用し、通常のテキストのフォントを置き換える。</p>
          <pre xml:space="preserve"><code class="language-html">/* replaces font faces but excludes all elements with attribute role="img" */
 *:not([role="img"]) { font-family: Verdana, sans-serif !important; }</code></pre>
 
       </section>
 
       <section id="examples">
-         <h2>Examples</h2>
+         <h2>事例</h2>
 
          <section class="example" id="example-1-star-icon-font-used-as-an-indicator-not-interactive">
 
-            <h3>Example 1: Star Icon Font used as an indicator (not interactive)</h3>
-            <p>In this example a star icon is used to indicate a favorite. It is not interactive and does not disappear if the user overrides the font family via CSS.</p>
+            <h3>事例 1: 指標として使われる星のアイコン (インタラクティブではない)</h3>
+            <p>この例では星のアイコンがお気に入りを示すものとして使われる。インタラクティブではなく、かつ、利用者がCSSでフォントファミリーを上書きしても消えることはない。</p>
 
 			<section id="author-css">
-            <h4>Author CSS</h4>
+            <h4>コンテンツ制作者の CSS</h4>
             <pre xml:space="preserve"><code class="language-css">/* default class for fonts-face with icons */
 .icon { font-family: 'IconFontRoleImg' !important; }
 
@@ -158,36 +151,36 @@ <h4>Author CSS</h4>
          	<section id="html">
             <h4>HTML</h4>
 			<section id="--instead-of...--">
-            <h5><strong>- Instead of... -</strong></h5>
+            <h5><strong>- 次ではなく... -</strong></h5>
             <pre xml:space="preserve"><code class="language-html">&lt;p&gt;
   &lt;span class="icon icon-star-bg"&gt;&lt;/span&gt;
 &lt;/p&gt;</code></pre>
 			</section>
          	<section id="--do...--">
-            <h5><strong>- Do... -</strong></h5>
+            <h5><strong>- 次とする... -</strong></h5>
             <pre xml:space="preserve"><code>&lt;p&gt;
   &lt;span class="icon icon-star-bg" role="img" aria-label="Favorite"&gt;&lt;/span&gt;
 &lt;/p&gt;</code></pre>
          	</section>
          </section>
          <section id="user-css">
-            <h4>User CSS</h4>
+            <h4>利用者の CSS</h4>
             <pre xml:space="preserve"><code class="language-css">*:not([role="img"]) { font-family: Verdana, sans-serif !important; }</code></pre>
          	</section>
          	<section id="working-example">
-            <h4>Working example:</h4>
+            <h4>動作例:</h4>
             <p>
-               <a href="../../working-examples/aria-icon-font-img-role/#example1">Star Icon Font used as an indicator (not interactive)</a>
+               <a href="https://www.w3.org/WAI/WCAG22/working-examples/aria-icon-font-img-role/#example1">指標として使われる星のアイコン (インタラクティブではない)</a>
             </p>
          	</section>
          </section>
 
          <section class="example" id="example-2-two-colored-/-stacked-star-icon-font-used-as-an-indicator">
 
-            <h3>Example 2: Two colored / stacked star Icon Font used as an indicator</h3>
-            <p>In this example a two colored star icon is created by stacking two fonts with different colors on top of each other. This way it's possible to mimic only half the star is filled. It is not interactive and does not disappear if the user overrides the font family via CSS.</p>
+            <h3>事例 2: 2 色を重ねた星のアイコンフォント</h3>
+            <p>この例では、異なる色のフォントを重ね合わせて 2 色の星のアイコンを作成する。このようにすると、星の半分までを示しているように見せることができる。インタラクティブではなく、かつ、利用者がCSSでフォントファミリーを上書きしても消えることはない。</p>
 			<section id="author-css">
-            <h4>Author CSS</h4>
+            <h4>コンテンツ制作者の CSS</h4>
             <pre xml:space="preserve"><code class="language-css">/* default class for fonts-face with icons */
 .icon { font-family: 'IconFontRoleImg' !important; }
 
@@ -198,14 +191,14 @@ <h4>Author CSS</h4>
          	<section id="html">
             <h4>HTML</h4>
 			<section id="--instead-of...--">
-            <h5><strong>- Instead of... -</strong></h5>
+            <h5><strong>- 次ではなく... -</strong></h5>
             <pre xml:space="preserve"><code class="language-html">&lt;span class="icon-stacked"&gt;
   &lt;span class="icon icon-star-bg grey"&gt;&lt;/span&gt;
   &lt;span class="icon icon-star-half yellow"&gt;&lt;/span&gt;
 &lt;/span&gt;</code></pre>
 			</section>
          	<section id="--do...--">
-            <h5><strong>- Do... -</strong></h5>
+            <h5><strong>- 次とする... -</strong></h5>
             <pre xml:space="preserve"><code class="language-html">&lt;span class="icon-stacked" role="img" aria-label="Favorite star half filled"&gt;
   &lt;span class="icon icon-star-bg grey" role="img" aria-hidden="true"&gt;&lt;/span&gt;
   &lt;span class="icon icon-star-half yellow" role="img" aria-hidden="true"&gt;&lt;/span&gt;
@@ -213,23 +206,23 @@ <h5><strong>- Do... -</strong></h5>
          	</section>
          	</section>
          	<section id="user-css">
-            <h4>User CSS</h4>
+            <h4>利用者の CSS</h4>
             <pre xml:space="preserve"><code class="language-css">*:not([role="img"]) { font-family: Verdana, sans-serif !important; }</code></pre>
          	</section>
          	<section id="working-example">
-            <h4>Working example:</h4>
+            <h4>動作例:</h4>
             <p>
-               <a href="../../working-examples/aria-icon-font-img-role/#example2">Two colored / stacked star Icon Font used as an indicator</a>
+               <a href="https://www.w3.org/WAI/WCAG22/working-examples/aria-icon-font-img-role/#example2">2色を重ねた星のアイコンフォント</a>
             </p>
          	</section>
          </section>
 
          <section class="example" id="example-3-email-icon-font-in-a-link-without-visible-text">
 
-            <h3>Example 3: Email Icon Font in a link WITHOUT visible text</h3>
-            <p>In this example an email icon is in a link with no visible text. It does not disappear if a user overrides font family. The icon font is identified by assistive technology as a "link image" and the name "Email" (keyboard or mouse).</p>
+            <h3>事例 3: 表示テキストのない、リンク内のメールアイコンフォント</h3>
+            <p>この例では、メールのアイコンがリンク内にあり、テキストは表示されていない。利用者がフォントファミリーを上書きしても消えない。アイコンフォントは、支援技術によって（キーボード又はマウス操作時に）"リンクされた画像" 及び "電子メール" として識別される。</p>
 			<section id="author-css">
-            <h4>Author CSS</h4>
+            <h4>コンテンツ制作者の CSS</h4>
             <pre xml:space="preserve"><code class="language-css">/* default class for fonts-face with icons */
 .icon { font-family: 'IconFontRoleImg' !important; }
 
@@ -239,37 +232,37 @@ <h4>Author CSS</h4>
          	<section id="html">
             <h4>HTML</h4>
 			<section id="--instead-of...--">
-            <h5><strong>- Instead of... -</strong></h5>
+            <h5><strong>- 次ではなく... -</strong></h5>
             <pre xml:space="preserve"><code class="language-html">&lt;a href="email.html"&gt;
   &lt;span class="icon icon-email"&gt;&lt;/span&gt;
 &lt;/a&gt;</code></pre>
 			</section>
          	<section id="--do...--">
-            <h5><strong>- Do... -</strong></h5>
+            <h5><strong>- 次とする... -</strong></h5>
             <pre xml:space="preserve"><code class="language-html">&lt;a href="email.html"&gt;
   &lt;span class="icon icon-email" role="img" aria-label="Email"&gt;&lt;/span&gt;
 &lt;/a&gt;</code></pre>
          	</section>
          	</section>
          	<section id="user-css">
-            <h4>User CSS</h4>
+            <h4>利用者の CSS</h4>
             <pre xml:space="preserve"><code class="language-css">*:not([role="img"]) { font-family: Verdana, sans-serif !important; }</code></pre>
          	</section>
          	<section id="working-example">
-            <h4>Working example:</h4>
+            <h4>動作例:</h4>
             <p>
-               <a href="../../working-examples/aria-icon-font-img-role/#example3">Email Icon Font in a link WITHOUT visible text</a>
+               <a href="https://www.w3.org/WAI/WCAG22/working-examples/aria-icon-font-img-role/#example3">表示テキストのない、リンク内のメールアイコンフォント</a>
             </p>
          	</section>
          </section>
 
          <section class="example" id="example-4-multiple-icon-fonts-as-part-of-another-sematic-element-with-visible-text">
 
-            <h3>Example 4: Multiple Icon Fonts as part of another sematic element WITH visible text</h3>
+            <h3>事例 4: 表示テキストのあるセマンティック要素の一部としての複数のアイコンフォント</h3>
 
-            <p>This example already has a visible text label in the link to be used as an accessible name, the mail and chevron font icons must stay visible when the font family is changed. This can be done by ensuring the icons are contained in their own element and the attribute <code>aria-hidden="true"</code> is used so the font icons will be ignored by assistive technologies.</p>
+            <p>この例では、アクセシブルな名前 (accessible name)として使用するために、リンクにテキストラベルが既に表示されている。フォントファミリーが変更されても、メールとシェブロンのフォントアイコンは表示されていなければならない。これは、アイコンがそれぞれの要素に含まれ、かつ、支援技術によってフォントアイコンが無視されるように属性 <code>aria-hidden="true"</code> が使用されることで実現できる。</p>
 			<section id="author-css">
-            <h4>Author CSS</h4>
+            <h4>コンテンツ制作者の CSS</h4>
             <pre xml:space="preserve"><code class="language-css">/* default class for fonts-face with icons */
 .icon { font-family: 'IconFontRoleImg' !important; }
 
@@ -279,7 +272,7 @@ <h4>Author CSS</h4>
          	<section id="html">
             <h4>HTML</h4>
 			<section id="--instead-of...--">
-            <h5><strong>- Instead of... -</strong></h5>
+            <h5><strong>- 次ではなく... -</strong></h5>
             <pre xml:space="preserve"><code class="language-html">&lt;style&gt;
 .icon-double-link:before   { content: "\e93e"; }
 .icon-double-link:after    { content: "\e993"; }
@@ -288,7 +281,7 @@ <h5><strong>- Instead of... -</strong></h5>
 &lt;a href="email.html" class="icon-double-link"&gt;Email&lt;/a&gt;</code></pre>
 			</section>
          	<section id="--do...--">
-            <h5><strong>- Do... -</strong></h5>
+            <h5><strong>- 次とする... -</strong></h5>
             <pre xml:space="preserve"><code class="language-html">&lt;style&gt;
   .icon-email:before   { content: "\e93e"; }
   .icon-chevron:before { content: "\e993"; }
@@ -303,13 +296,13 @@ <h5><strong>- Do... -</strong></h5>
          	</section>
          	</section>
          	<section id="user-css">
-            <h4>User CSS</h4>
+            <h4>利用者の CSS</h4>
             <pre xml:space="preserve"><code class="language-css">*:not([role="img"]) { font-family: Verdana, sans-serif !important; }</code></pre>
          	</section>
          	<section id="working-example">
-            <h4>Working example:</h4>
+            <h4>動作例:</h4>
             <p>
-               <a href="../../working-examples/aria-icon-font-img-role/#example4">Multiple Icon Fonts as part of another sematic element WITH visible text</a>
+               <a href="https://www.w3.org/WAI/WCAG22/working-examples/aria-icon-font-img-role/#example4">表示テキストのあるセマンティック要素の一部としての複数のアイコンフォント</a>
             </p>
          	</section>
          </section>
@@ -322,18 +315,18 @@ <h4>Working example:</h4>
 
 
 <section id="tests">
-         <h2>Tests</h2>
+         <h2>検証</h2>
          <section class="test-procedure" id="procedure">
-            <h3>Procedure</h3>
-            <p>For each font icon check that:</p>
+            <h3>手順</h3>
+            <p>それぞれのフォントアイコンに対して以下をチェックする:</p>
             <ol>
-               <li>The element providing the font icon has <code>role="img"</code>.</li>
+               <li>フォントアイコンのある要素に <code>role="img"</code> が使われている。</li>
             </ol>
          </section>
          <section class="test-results" id="expected-results">
-            <h3>Expected Results</h3>
+            <h3>期待される結果</h3>
             <ul>
-               <li>#1 is true.</li>
+               <li>1 の結果が真である。</li>
             </ul>
          </section>
       </section>
@@ -353,14 +346,13 @@ <h3>Expected Results</h3>
     <svg focusable="false" aria-hidden="true" class="icon-comments" viewBox="0 0 28 28">
       <path d="M22 12c0 4.422-4.922 8-11 8-0.953 0-1.875-0.094-2.75-0.25-1.297 0.922-2.766 1.594-4.344 2-0.422 0.109-0.875 0.187-1.344 0.25h-0.047c-0.234 0-0.453-0.187-0.5-0.453v0c-0.063-0.297 0.141-0.484 0.313-0.688 0.609-0.688 1.297-1.297 1.828-2.594-2.531-1.469-4.156-3.734-4.156-6.266 0-4.422 4.922-8 11-8s11 3.578 11 8zM28 16c0 2.547-1.625 4.797-4.156 6.266 0.531 1.297 1.219 1.906 1.828 2.594 0.172 0.203 0.375 0.391 0.313 0.688v0c-0.063 0.281-0.297 0.484-0.547 0.453-0.469-0.063-0.922-0.141-1.344-0.25-1.578-0.406-3.047-1.078-4.344-2-0.875 0.156-1.797 0.25-2.75 0.25-2.828 0-5.422-0.781-7.375-2.063 0.453 0.031 0.922 0.063 1.375 0.063 3.359 0 6.531-0.969 8.953-2.719 2.609-1.906 4.047-4.484 4.047-7.281 0-0.812-0.125-1.609-0.359-2.375 2.641 1.453 4.359 3.766 4.359 6.375z"></path>
     </svg>
-    <h2>Help improve this page</h2>
+    <h2>このページを改善する</h2>
   </header>
   <div class="box-i">
-  <p>Please share your ideas, suggestions, or comments via e-mail to the publicly-archived list <a href="mailto:public-agwg-comments@w3.org?subject=%5BUnderstanding%20and%20Techniques%20Feedback%5D">public-agwg-comments@w3.org</a> or via GitHub</p>
+  <p>あなたのアイデア、提案、又はコメントを、Google フォーム 又は GitHub で共有してください。</p>
     <div class="button-group">
-      <a href="mailto:public-agwg-comments@w3.org?subject=%5BUnderstanding%20and%20Techniques%20Feedback%5D" class="button"><span>E-mail</span></a>
-      <a href="https://github.com/w3c/wcag/issues/" class="button"><span>Fork &amp; Edit on GitHub</span></a>
-      <a href="https://github.com/w3c/wcag/issues/new" class="button"><span>New GitHub Issue</span></a>
+      <a class="button" href="https://docs.google.com/forms/d/e/1FAIpQLSdIpvogLx8kGIMewhQ6MzhG2pOCQZ50iIBViGg8pUrRJuslKg/viewform?entry.685195438=https%3A%2F%2Fwaic.jp%2Ftranslations%2FWCAG22%2FUnderstanding%2Ffocus-not-obscured-minimum" id="file-issue">翻訳に関するお問い合わせ (Google フォーム)</a>
+      <a href="https://github.com/waic/wcag22/" class="button"><span>GitHub</span></a>
     </div>
   </div>
 </aside>
@@ -382,12 +374,15 @@ <h2>Help improve this page</h2>
       <a href="https://www.w3.org/WAI/about/projects/wai-guide/">WAI-Guide</a> project,
       co-funded by the European Commission.
     </p>
+    <p>この文書は、2025 年 5 月 21 日付けの <a href="https://w3c.github.io/wcag/techniques/">Techniques for WCAG 2.2</a> を、<a href="https://waic.jp/">ウェブアクセシビリティ基盤委員会 (WAIC)</a> の翻訳ワーキンググループが翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書は作業進行中です。また、あくまで参考情報であり、翻訳上の誤りが含まれていることがあります。
+    </p>
+    <p>この翻訳文書の利用条件については、<a href="https://waic.jp/license-for-translated-documents/">WAICが提供する翻訳文書のライセンス</a>をご覧ください。</p>
   </div>
 </footer>
 
 <footer class="site-footer grid-4q" aria-label="Site">
   <div class="q1-start q3-end about">
-    <div>
+    <!--div>
       <p><a class="largelink" href="https://www.w3.org/WAI/" dir="auto" translate="no" lang="en">W3C Web Accessibility Initiative (WAI)</a></p>
       <p>Strategies, standards, and supporting resources to make the Web accessible to people with disabilities.</p>
     </div>
@@ -398,12 +393,12 @@ <h2>Help improve this page</h2>
         <li><a href="https://www.youtube.com/channel/UCU6ljj3m1fglIPjSjs2DpRA/playlistsv"><svg focusable="false" aria-hidden="true" class="icon-youtube " viewBox="0 0 32 32"><path d="M31.327 8.273c-0.386-1.353-1.431-2.398-2.756-2.777l-0.028-0.007c-2.493-0.668-12.528-0.668-12.528-0.668s-10.009-0.013-12.528 0.668c-1.353 0.386-2.398 1.431-2.777 2.756l-0.007 0.028c-0.443 2.281-0.696 4.903-0.696 7.585 0 0.054 0 0.109 0 0.163l-0-0.008c-0 0.037-0 0.082-0 0.126 0 2.682 0.253 5.304 0.737 7.845l-0.041-0.26c0.386 1.353 1.431 2.398 2.756 2.777l0.028 0.007c2.491 0.669 12.528 0.669 12.528 0.669s10.008 0 12.528-0.669c1.353-0.386 2.398-1.431 2.777-2.756l0.007-0.028c0.425-2.233 0.668-4.803 0.668-7.429 0-0.099-0-0.198-0.001-0.297l0 0.015c0.001-0.092 0.001-0.201 0.001-0.31 0-2.626-0.243-5.196-0.708-7.687l0.040 0.258zM12.812 20.801v-9.591l8.352 4.803z"></path></svg> YouTube</a></li>
         <li><a href="https://www.w3.org/WAI/news/subscribe/" class="button">Get News in Email</a></li>
       </ul>
-    </div>
+    </div-->
     <div dir="auto" translate="no" lang="en">
       <p>Copyright © 2025 World Wide Web Consortium (<a href="https://www.w3.org/">W3C</a><sup>®</sup>). See <a href="/WAI/about/using-wai-material/">Permission to Use WAI Material</a>.</p>
     </div>
   </div>
-  <div dir="auto" translate="no" class="q4-start q4-end" lang="en">
+  <!--div dir="auto" translate="no" class="q4-start q4-end" lang="en">
     <ul style="margin-bottom:0">
       <li><a href="/WAI/about/contacting/">Contact WAI</a></li>
       <li><a href="/WAI/sitemap/">Site Map</a></li>
@@ -412,7 +407,7 @@ <h2>Help improve this page</h2>
       <li><a href="/WAI/translations/"> Translations</a></li>
       <li><a href="/WAI/roles/">Resources for Roles</a></li>
     </ul>
-  </div>
+  </div-->
 </footer>
 
 <link rel="stylesheet" href="../a11y-light.css">
@@ -426,7 +421,7 @@ <h2>Help improve this page</h2>
 </script>
 <script src="https://www.w3.org/WAI/assets/scripts/main.js"></script>
 
-<script>
+<!--script>
   var _paq = _paq || [];
   /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
   _paq.push(["setDoNotTrack", true]);
@@ -442,7 +437,8 @@ <h2>Help improve this page</h2>
 </script>
 <noscript>
   <p><img src="//www.w3.org/analytics/piwik/piwik.php?idsite=328&amp;rec=1" style="border:0;" alt="" /></p>
-</noscript>
+</noscript-->
+<script src="https://waic.jp/docs/js/translation-contact.js"></script>
 
 
 </body></html>
\ No newline at end of file
