From 29a9ee4a955f12c82b73b19e77ae48ea4bee3bcb Mon Sep 17 00:00:00 2001
From: Naoki Nakamura <nakamura-naoki@mitsue.co.jp>
Date: Fri, 28 Jun 2024 20:24:13 +0900
Subject: [PATCH 01/10] =?UTF-8?q?=E4=BD=9C=E6=A5=AD=E9=96=8B=E5=A7=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../focus-not-obscured-enhanced.html          | 158 +++++++-----------
 understanding/focus-not-obscured-minimum.html |   2 +-
 2 files changed, 64 insertions(+), 96 deletions(-)
diff --git a/understanding/focus-not-obscured-enhanced.html b/understanding/focus-not-obscured-enhanced.html
index ce5dde5f..9e3c71aa 100644
--- a/understanding/focus-not-obscured-enhanced.html
+++ b/understanding/focus-not-obscured-enhanced.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
    <head>
       <meta charset="UTF-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1" />
-      <title>Understanding Success Criterion  2.4.12: Focus Not Obscured (Enhanced) | WAI | W3C</title>
+      <title>解説書 達成基準 2.4.12: 隠されないフォーカス (高度) | WAI | W3C</title>
       <link rel="stylesheet" href="https://w3.org/WAI/assets/css/style.css" />
       <link rel="stylesheet" href="base.css" />
    </head>
    <body dir="ltr"><a href="#main" class="button button--skip-link">Skip to content</a><div class="minimal-header-container default-grid">
          <div class="minimal-header" id="site-header">
-            <div class="minimal-header-name"><a href="https://w3c.github.io/wcag/understanding/">WCAG 2.2 Understanding Docs</a></div>
-            <div class="minimal-header-subtitle">Informative explanations, not required to meet WCAG</div><a class="minimal-header-link" href="https://w3c.github.io/wcag/understanding/about">About WCAG Understanding Docs</a><div class="minimal-header-logo"><a href="http://w3.org/" aria-label="W3C">
+            <div class="minimal-header-name"><a href="https://w3c.github.io/wcag/understanding/">WCAG 2.2 解説書</a></div>
+            <div class="minimal-header-subtitle">Informative explanations, not required to meet WCAG</div><a class="minimal-header-link" href="https://w3c.github.io/wcag/understanding/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" style="margin: 0.75em 0 0.75em 0.5em">
                      <g fill-rule="evenodd" fill="none">
                         <path fill="#015a9c" d="M-.231-.21h92.917v44.659H-.23z"></path>
@@ -35,17 +35,17 @@
             <nav class="nav standalone-resource-pager" aria-label="Understanding Docs">
                <ul>
                   <li class="nav__item"><a href=".">
-                        								All Understanding Docs
+                        								目次
                         							</a></li>
                   <li class="nav__item"><a href="navigable">
                         <svg alt="up" focusable="false" aria-hidden="true" class="icon-arrow-up-thin pager-icon" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M8 12a.5.5 0 0 0 .5-.5V5.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 5.707V11.5a.5.5 0 0 0 .5.5z"></path>
-                        </svg> Guideline: Navigable</a></li>
+                        </svg> ガイドライン: ナビゲーション可能</a></li>
                   <li class="nav__item"><a href="focus-not-obscured-minimum">
                         <svg focusable="false" aria-hidden="true" class="icon-arrow-left-thin pager-icon" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z"></path>
-                        </svg>Previous SC: Focus Not Obscured (Minimum)</a></li>
-                  <li class="nav__item"><a href="focus-appearance">Next SC: Focus Appearance
+                        </svg>前: 隠されないフォーカス (最低限)</a></li>
+                  <li class="nav__item"><a href="focus-appearance">次: フォーカスの外観
                         <svg focusable="false" aria-hidden="true" class="icon-arrow-right-thin pager-icon" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z"></path>
                         </svg></a></li>
@@ -56,82 +56,62 @@
       <div class="default-grid with-gap leftcol">
          <aside class="box nav-hack sidebar standalone-resource__sidebar ">
             <nav>
-               <header class="box-h ">Page Contents</header>
+               <header class="box-h ">このページの内容</header>
                <div class="box-i">
                   <ul>
-                     <li><a href="#brief">In Brief</a></li>
-                     <li><a href="#intent">Intent</a></li>
-                     <li><a href="#benefits">Benefits</a></li>
-                     <li><a href="#examples">Examples</a></li>
-                     <li><a href="#techniques">Techniques</a></li>
-                     <li><a href="#key-terms">Key Terms</a></li>
+                     <li><a href="#brief">要約</a></li>
+                     <li><a href="#intent">意図</a></li>
+                     <li><a href="#benefits">利点</a></li>
+                     <li><a href="#examples">事例</a></li>
+                     <li><a href="#techniques">テクニック</a></li>
+                     <li><a href="#key-terms">重要な用語</a></li>
                   </ul>
                </div>
             </nav>
          </aside>
          <main id="main" class="standalone-resource__main">
-            <h1><span class="standalone-resource__type-of-guidance">Understanding 
-                  				SC 2.4.12:</span>Focus Not Obscured (Enhanced) (Level AAA)
+            <h1><span class="standalone-resource__type-of-guidance">解説書 
+                  				達成基準 2.4.12:</span>隠されないフォーカス (高度) (レベル AAA)
             </h1>
             <aside class="box">
-               <header class="box-h  box-h-icon">Success Criterion (SC) </header>
+               <header class="box-h  box-h-icon">達成基準</header>
                <div class="box-i">
-                  <p>When a <a href="#dfn-user-interface-component">user interface component</a> receives keyboard focus, no part of the component is hidden by author-created content.
+                  <p><a href="#dfn-user-interface-component">ユーザインタフェース コンポーネント</a>がキーボードフォーカスを受け取るとき、コンテンツ制作者が作成したコンテンツによって、そのコンポーネントのどの部分も隠されることがない
                   </p>
                </div>
             </aside>
             <div class="excol-all"></div>
             <section id="brief">
-               <h2>In Brief</h2>
+               <h2>要約</h2>
                <dl>
                   
-                  <dt>Goal</dt>
+                  <dt>目標</dt>
                   <dd>Don't cover any part of the item with focus.</dd>
                   
-                  <dt>What to do</dt>
-                  <dd>Ensure when an item gets keyboard focus, it is fully visible.</dd>
+                  <dt>何をすればよいか</dt>
+                  <dd>項目がキーボードフォーカスを取得したときに、その項目が完全に見えることを保証する。</dd>
                   
-                  <dt>Why it's important</dt>
-                  <dd>People who can't use a mouse need to see what has keyboard focus.</dd>
+                  <dt>なぜそれが重要か</dt>
+                  <dd>マウスを使用できない人々は、キーボードフォーカスがどこにあるかを確認する必要がある。</dd>
                   
                </dl>
             </section>
             <section id="intent">
-               <h2>Intent</h2>
-               <p>The intent of this Success Criterion is to ensure that the item receiving keyboard
-                  focus is always visible in the user's viewport. For sighted people who rely on a keyboard
-                  (or on a device that operates through the keyboard interface, such as a switch or
-                  voice input), knowing the current point of focus is critical. The component with focus
-                  signals the interaction point on the page. Where users cannot see the item with focus,
-                  they may not know how to proceed, or may even think the system has become unresponsive.
+               <h2>意図</h2>
+               <p>この達成基準の意図は、キーボードフォーカスを受け取る項目が、利用者のビューポート内で常に表示されることを保証することである。キーボード (又はスイッチ、音声入力など、キーボードインターフェースを通じて操作するデバイス) に依存している目の見える人にとって、現在のフォーカス地点を知ることは非常に重要である。フォーカスを持つコンポーネントは、ページ上のインタラクション地点を示す。利用者がフォーカスを持つ項目を見ることができない場合、利用者はどのように進めればよいのかわからない、又はシステムが応答しなくなったとさえ思うかもしれない。
                </p>
-               <p>Typical types of content that can overlap focused items are sticky footers, sticky
-                  headers, and non-modal dialogs. As a user tabs through the page, these layers of content
-                  can hide the item receiving focus, along with its focus indicator.
+               <p>フォーカスされた項目と重なる可能性のある代表的なコンテンツの種類は、スティッキーフッター、スティッキーヘッダー、及び非モーダルダイアログである。利用者がページ内をタブで移動すると、これらのコンテンツのレイヤーにより、フォーカスを受け取った項目がフォーカスインジケータと共に覆い隠す可能性がある。
                </p>
-               <p>A notification implemented as sticky content, such as a cookie banner, will fail this
-                  Success Criterion if it partially covers a component receiving focus. Ways of passing
-                  include making the banner modal so the user has to dismiss the banner before navigating
-                  through the page, or using <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll padding</a> so the banner does not overlap other content. Notifications that do not require user
-                  action could also meet this criterion by closing on loss of focus.
+               <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを部分的に覆う場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a> を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
                </p>
-               <p>Another form of obscuring can occur where light boxes or other semi-opaque effects
-                  overlap the item with focus. This form of obscuring is <em>not</em> in scope for this Success Criterion. While less than 100 percent opacity is not causing
-                  the component to be <q>visually hidden</q>, such semi-opaque overlaps may cause a failure of <a href="../understanding/focus-appearance.html">2.4.11 Focus Appearance</a>. When a focus indicator can be covered by a semi-opaque component, the the focus
-                  indicator should be assessed against 2.4.11. The intention in both situations is that
-                  the component receiving focus should never be obscured to the point a user cannot
-                  tell which item has focus.
+               <p>別の隠される状況としては、ライトボックス又はその他の半透明効果がフォーカスを持つ項目に重なる場合がある。この隠される状況は、この達成基準の範囲<em>外</em>である。不透明度が 100％未満であればコンポーネントが<q>部分的に隠れる</q>ことはないが、そのような半透明の重なりにより <a href="../understanding/focus-appearance.html">2.4.13 フォーカスの外観</a>の失敗が発生する場合がある。フォーカスインジケータが半透明のコンポーネントによって覆われる場合、そのフォーカスインジケータは 2.4.11 に照らして評価されるべきである。この達成方法の意図は、どちらの状況にせよ、利用者がどの項目にフォーカスがあるのか判断できないほどにフォーカスを受け取るコンポーネントが隠されるべきではない、ということである。
                </p>
             </section>
             <section id="benefits">
-               <h2>Benefits</h2>
+               <h2>利点</h2>
                <ul>
                   
-                  <li>Sighted users who rely on a keyboard interface to operate the page will be able to
-                     see the component which gets keyboard focus. Such users include those who rely on
-                     devices which use the keyboard interface, including speech input, sip-and-puff software,
-                     on-screen keyboards, scanning software, and a variety of assistive technologies and
-                     alternate keyboards.
+                  <li>キーボードインタフェースに依存してページを操作している目の見える利用者は、キーボードフォーカスを取得するコンポーネントを見ることができる。そのような利用者には、キーボードインタフェースを利用するデバイス (音声入力、呼気・吸気ソフトウェア、オンスクリーンキーボード、スキャンソフトウェア、並びにさまざまな支援技術及び代替キーボードなど) に依存するような利用者が含まれる。
                   </li>
                   
                   <li>People with limited or low vision but who rely upon a pointing device (for viewport
@@ -140,20 +120,16 @@ <h2>Benefits</h2>
                      useable portion of content.
                   </li>
                   
-                  <li>People with attention limitations, short term memory limitations, or limitations in
-                     executive processes benefit by being able to more easily discover where the focus
-                     is located.
+                  <li>注意力の制限、短期記憶の制限、又は実行プロセスの制限がある人々は、フォーカスがどこにあるのかをより容易に発見できることで恩恵を受ける。
                   </li>
                   
                </ul>
             </section>
             <section id="examples">
-               <h2>Examples</h2>
+               <h2>事例</h2>
                <ul>
                   
-                  <li>A page has a sticky footer (attached to the bottom of the viewport). When tabbing
-                     down the page the focused item is not at all obscured by the footer because content
-                     in the viewport scrolls up to always display the item with keyboard focus using <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll padding</a>.
+                  <li>ページにスティッキーフッター (ビューポートの下部に固定されている) がある。ページをタブで下に移動すると、フォーカスされた項目はフッターによって全て隠れることはない。これは、ビューポート内のコンテンツが上にスクロールして、<a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll-padding</a> を使用してキーボードフォーカスのある項目が常に表示されるためである。
                   </li>
                   
                   <li>A page has a large (30% wide) cookie approval dialog. The dialog is modal, preventing
@@ -170,14 +146,11 @@ <h2>Examples</h2>
                </ul>
             </section>
             <section id="techniques">
-               <h2>Techniques</h2>
-               <p>Each numbered item in this section represents a technique or combination of techniques
-                  that the WCAG Working Group deems sufficient for meeting this Success Criterion. However,
-                  it is not necessary to use these particular techniques. For information on using other
-                  techniques, see <a href="understanding-techniques">Understanding Techniques for WCAG Success Criteria</a>, particularly the "Other Techniques" section.
+               <h2>テクニック</h2>
+               <p>この節にある番号付きの各項目は、WCAG ワーキンググループがこの達成基準を満たすのに十分であると判断するテクニック、又は複数のテクニックの組み合わせを表している。しかしながら、必ずしもこれらのテクニックを用いる必要はない。その他のテクニックについての詳細は、<a href="understanding-techniques">WCAG 達成基準のテクニックを理解する</a>の「その他のテクニック」を参照のこと。
                </p>
                <section id="sufficient">
-                  <h3>Sufficient Techniques</h3>
+                  <h3>十分なテクニック</h3>
                   <ol>
                      
                      <li> <a href="https://w3c.github.io/wcag/techniques/css/C43">C43: Using CSS scroll-padding to un-obscure content</a></li>
@@ -185,9 +158,8 @@ <h3>Sufficient Techniques</h3>
                   </ol>
                </section>
                <section id="failure">
-                  <h3>Failures</h3>
-                  <p>The following are common mistakes that are considered failures of this Success Criterion
-                     by the WCAG Working Group.
+                  <h3>失敗</h3>
+                  <p>次に挙げるものは、WCAG ワーキンググループが達成基準の失敗例とみなした、よくある間違いである。
                   </p>
                   <ul>
                      
@@ -208,42 +180,37 @@ <h3>Failures</h3>
             <section id="key-terms">
                <details>
                   <summary>
-                     <h2>Key Terms</h2>
+                     <h2>重要な用語</h2>
                   </summary>
-                  <dt id="dfn-user-interface-component">user interface component</dt>
+                  <dt id="dfn-user-interface-component">ユーザインタフェース コンポーネント (user interface component)</dt>
                   <dd>
                      <definition xmlns="">
                         
                         
-                        <p xmlns="http://www.w3.org/1999/xhtml">a part of the content that is perceived by users as a single control for a distinct
-                           function
+                        <p xmlns="http://www.w3.org/1999/xhtml">コンテンツの一部分で、特定の機能を実現するための単一のコントロールとして利用者が知覚するもの。
                            
                         </p>
                         
                         
                         <div xmlns="http://www.w3.org/1999/xhtml" class="note">
-                           <p class="note-title marker">Note</p>
-                           <p>Multiple user interface components may be implemented as a single programmatic element.
-                              "Components" here is not tied to programming techniques, but rather to what the user
-                              perceives as separate controls.
+                           <p class="note-title marker">注記</p>
+                           <p>複数のユーザインタフェース コンポーネントが、単一のプログラム要素で実装されることもある。ここでいう「コンポーネント」は、プログラムの手法と結びついたものではなく、利用者が別々のコントロールとして知覚するものを指す。
                               
                            </p>
                         </div>
                         
                         
                         <div xmlns="http://www.w3.org/1999/xhtml" class="note">
-                           <p class="note-title marker">Note</p>
-                           <p>User interface components include form elements and links as well as components generated
-                              by scripts.
+                           <p class="note-title marker">注記</p>
+                           <p>ユーザインタフェース コンポーネントには、フォーム要素、リンクだけでなく、スクリプトで生成されるコンポーネントが含まれる。
                               
                            </p>
                         </div>
                         
                         
                         <div xmlns="http://www.w3.org/1999/xhtml" class="note">
-                           <p class="note-title marker">Note</p>
-                           <p>What is meant by "component" or "user interface component" here is also sometimes
-                              called "user interface element".
+                           <p class="note-title marker">注記</p>
+                           <p>ここでの「コンポーネント」又は「ユーザインタフェース コンポーネント」は、「ユーザインターフェース要素」とも呼ばれる。
                               
                            </p>
                         </div>
@@ -251,9 +218,7 @@ <h2>Key Terms</h2>
                         
                         <aside xmlns="http://www.w3.org/1999/xhtml" class="example">
                            
-                           <p>An applet has a "control" that can be used to move through content by line or page
-                              or random access. Since each of these would need to have a name and be settable independently,
-                              they would each be a "user interface component."
+                           <p>アプレットには、コンテンツ内を行単位、ページ単位、又はランダムアクセスで移動するために用いられる「コントロール」がある。これらには、いずれも名前 (name) を割り当て、個別に設定できるようにする必要があるため、それぞれが「ユーザインタフェース コンポーネント」となる。
                               
                            </p>
                            
@@ -273,13 +238,12 @@ <h2>Key Terms</h2>
                <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@w3.org</a> or via GitHub
+               <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></div>
+               <div class="button-group"><a class="button" href="https://waic.jp/contact/" id="file-issue"><span>翻訳に関するお問い合わせ</span></a><a href="https://github.com/waic/wcag22/" class="button"><span>GitHub</span></a></div>
             </div>
          </aside>
       </div>
@@ -294,11 +258,13 @@ <h2> Help improve this page </h2>
                Outreach Working Group (<a href="https://www.w3.org/groups/wg/eowg/participants">EOWG</a>) with contributions from Shadi Abou-Zahra, Steve Lee, and Shawn Lawton Henry as part
                of the <a href="https://www.w3.org/WAI/about/projects/wai-guide/">WAI-Guide</a> project, co-funded by the European Commission.
             </p>
+            <p>この文書は、2024 年 2 月 14 日付けの <a href="https://w3c.github.io/wcag/understanding/">Understanding WCAG 2.2</a> を、<a href="https://waic.jp/">ウェブアクセシビリティ基盤委員会 (WAIC)</a> の翻訳ワーキンググループが翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書は作業進行中です。また、あくまで参考情報であり、翻訳上の誤りが含まれていることがあります。
+            <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.
@@ -320,13 +286,13 @@ <h2> Help improve this page </h2>
                         </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 © 2024 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>
@@ -335,7 +301,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" /><script src="../highlight.min.js"></script><script>
       hljs.configure({
@@ -356,8 +322,10 @@ <h2> Help improve this page </h2>
         var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
         g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
       })();
-    </script><noscript>
+    </script>
+    <script src="https://waic.jp/docs/js/translation-contact.js"></script>
+    <!--noscript>
          <p><img src="//www.w3.org/analytics/piwik/piwik.php?idsite=328&amp;rec=1" style="border:0;" alt="" /></p>
-      </noscript>
+      </noscript-->
    </body>
 </html>
\ No newline at end of file
diff --git a/understanding/focus-not-obscured-minimum.html b/understanding/focus-not-obscured-minimum.html
index 5acc8ace..cb2d3f53 100644
--- a/understanding/focus-not-obscured-minimum.html
+++ b/understanding/focus-not-obscured-minimum.html
@@ -114,7 +114,7 @@ <h2>意図</h2>
                </p>
                <p>フォーカスされた項目と重なる可能性のある代表的なコンテンツの種類は、スティッキーフッター、スティッキーヘッダー、及び非モーダルダイアログである。利用者がページ内をタブで移動すると、これらのコンテンツのレイヤーにより、フォーカスを受け取った項目がフォーカスインジケータと共に隠されてしまう可能性がある。
                </p>
-               <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを完全に覆い隠してしまう場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように<a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a>を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
+               <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを完全に覆い隠してしまう場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a>を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
                </p>
                <p>別の隠される状況としては、ライトボックス又はその他の半透明効果がフォーカスを持つ項目に重なる場合がある。不透明度が 100％未満であればコンポーネントが<q>完全に隠れる</q>ことはないが、そのような半透明の重なりにより <a href="../understanding/non-text-contrast.html">1.4.11 非テキストコントラスト</a>の失敗が発生する場合がある。フォーカスインジケータが半透明コンポーネントで覆われる場合、フォーカスインジケータが半透明コンポーネントの下にある間に、フォーカスインジケータが 1.4.11 に合格できているかを評価する (そして合格している) べきである。この達成方法の意図は、どちらの状況にせよ、利用者がどの項目にフォーカスがあるのか判断できないほどにフォーカスを受け取るコンポーネントが隠されるべきではない、ということである。
                </p>

From b2b72f01a27fe5c01662af389c19ee8c260ffb94 Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Sat, 29 Jun 2024 17:42:39 +0900
Subject: [PATCH 02/10] =?UTF-8?q?=E6=AE=8B=E7=AE=87=E6=89=80=E7=BF=BB?=
 =?UTF-8?q?=E8=A8=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../focus-not-obscured-enhanced.html          | 25 +++++--------------
 understanding/focus-not-obscured-minimum.html |  6 ++---
 2 files changed, 9 insertions(+), 22 deletions(-)

diff --git a/understanding/focus-not-obscured-enhanced.html b/understanding/focus-not-obscured-enhanced.html
index 9e3c71aa..c2392b9d 100644
--- a/understanding/focus-not-obscured-enhanced.html
+++ b/understanding/focus-not-obscured-enhanced.html
@@ -86,7 +86,7 @@ <h2>要約</h2>
                <dl>
                   
                   <dt>目標</dt>
-                  <dd>Don't cover any part of the item with focus.</dd>
+                  <dd>フォーカスのある項目のどの部分も覆わない。</dd>
                   
                   <dt>何をすればよいか</dt>
                   <dd>項目がキーボードフォーカスを取得したときに、その項目が完全に見えることを保証する。</dd>
@@ -114,10 +114,7 @@ <h2>利点</h2>
                   <li>キーボードインタフェースに依存してページを操作している目の見える利用者は、キーボードフォーカスを取得するコンポーネントを見ることができる。そのような利用者には、キーボードインタフェースを利用するデバイス (音声入力、呼気・吸気ソフトウェア、オンスクリーンキーボード、スキャンソフトウェア、並びにさまざまな支援技術及び代替キーボードなど) に依存するような利用者が含まれる。
                   </li>
                   
-                  <li>People with limited or low vision but who rely upon a pointing device (for viewport
-                     orientation and repositioning) benefit from a clearly visible indication of the current
-                     point of keyboard interaction, especially where magnification reduces the overall
-                     useable portion of content.
+                  <li>視力に制限がある又はロービジョンだが、ポインティングデバイス (ビューポートの方向及び位置を変えるため) に依存している利用者は、特に拡大によってコンテンツの全体的な使用可能部分が減少する場合に、キーボード操作の現在位置が明確に表示されることで恩恵を受ける。
                   </li>
                   
                   <li>注意力の制限、短期記憶の制限、又は実行プロセスの制限がある人々は、フォーカスがどこにあるのかをより容易に発見できることで恩恵を受ける。
@@ -132,15 +129,10 @@ <h2>事例</h2>
                   <li>ページにスティッキーフッター (ビューポートの下部に固定されている) がある。ページをタブで下に移動すると、フォーカスされた項目はフッターによって全て隠れることはない。これは、ビューポート内のコンテンツが上にスクロールして、<a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll-padding</a> を使用してキーボードフォーカスのある項目が常に表示されるためである。
                   </li>
                   
-                  <li>A page has a large (30% wide) cookie approval dialog. The dialog is modal, preventing
-                     access to the other controls in the page until it has been dismissed. Focus is not
-                     obscured because the cookie approval dialog (including the focus indicator) remains
-                     on screen until selections are made and submitted.
+                  <li>ページに大きな (幅 30％の) クッキー承認ダイアログがある。ダイアログはモーダルであり、閉じられるまでページ内の他のコントロールにアクセスを防ぐ。選択が行われて送信されるまで、クッキー承認ダイアログ (フォーカスインジケータを含む) は画面上に残るため、フォーカスは隠されない。
                   </li>
                   
-                  <li>A notification is implemented as a sticky header and the keyboard focus is moved to
-                     the notification. The notification disappears when it loses focus, and does not obscure
-                     any other controls (including the focus indicator visible prior to the notification).
+                  <li>通知はスティッキーヘッダーとして実装され、キーボードフォーカスは通知に移動する。通知はフォーカスを失うと消え、他のコントロール (通知の前に表示されていたフォーカスインジケータを含む) に隠されることはない。
                   </li>
                   
                </ul>
@@ -163,15 +155,10 @@ <h3>失敗</h3>
                   </p>
                   <ul>
                      
-                     <li>An interaction that causes content to appear over the component with keyboard focus,
-                        visually covering part of the focus indicator. This behavior might be encountered
-                        with advertising or promotional material meant to provide more information about a
-                        product as the user navigates through a catalogue.
+                     <li>キーボードフォーカスを持つコンポーネントの上にコンテンツを表示させ、フォーカスインジケータの一部を視覚的に覆うインタラクション。この動作は、利用者がカタログ内をナビゲートするときに、製品に関する詳細情報を提供することを目的とした広告又は販促資料で遭遇する可能性がある。
                      </li>
                      
-                     <li>A page has a sticky footer (attached to the bottom of the viewport). When tabbing
-                        down the page, a focused item is partially obscured by the footer because content
-                        in the viewport scrolls without sufficient <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll padding</a>.
+                     <li>ページにはスティッキーフッター（ビューポートの下部に貼り付けられる）がある。ページをタブで下に移動すると、ビューポート内のコンテンツが十分な <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll padding</a> なしにスクロールするため、フォーカスされた項目がフッターによって部分的に隠される。
                      </li>
                      
                   </ul>
diff --git a/understanding/focus-not-obscured-minimum.html b/understanding/focus-not-obscured-minimum.html
index cb2d3f53..8350a128 100644
--- a/understanding/focus-not-obscured-minimum.html
+++ b/understanding/focus-not-obscured-minimum.html
@@ -305,13 +305,13 @@ <h2>利点</h2>
                <h2>事例</h2>
                <ul>
                   
-                  <li>ページにスティッキーフッター (ビューポートの下部に固定されている) がある。ページをタブで下に移動すると、フォーカスされた項目はフッターによって視覚的に完全に隠れることはない。これは、ビューポート内のコンテンツが上にスクロールして、<a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll-padding</a>を使用してキーボードフォーカスのある項目が常に表示されるためである。
+                  <li>ページにスティッキーフッター (ビューポートの下部に固定されている) がある。ページをタブで下に移動すると、フォーカスされた項目はフッターによって視覚的に完全に隠れることはない。これは、ビューポート内のコンテンツが上にスクロールして、<a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll-padding</a> を使用してキーボードフォーカスのある項目が常に表示されるためである。
                   </li>
                   
-                  <li>ページに全幅のクッキー承認ダイアログがある。ダイアログはモーダルであり、閉じられるまでページ内の他のコントロールへのアクセスを防ぐ。クッキー承認ダイアログの大部分は (選択が行われて送信されるまで) 画面上に残り、キーボードフォーカスインジケーターの大部分も表示されたままになるため、フォーカスは隠されない。
+                  <li>ページに全幅のクッキー承認ダイアログがある。ダイアログはモーダルであり、閉じられるまでページ内の他のコントロールへのアクセスを防ぐ。クッキー承認ダイアログの大部分は (選択が行われて送信されるまで) 画面上に残り、キーボードフォーカスインジケータの大部分も表示されたままになるため、フォーカスは隠されない。
                   </li>
                   
-                  <li>通知はスティッキーヘッダーとして実装され、キーボードフォーカスは通知に移動するため、少なくともフォーカスインジケーターの一部が表示される。フォーカスを失うと通知は消えるため、他のコントロールが隠れることはなく、以前のキーボードフォーカスインジケーターの一部が表示される。
+                  <li>通知はスティッキーヘッダーとして実装され、キーボードフォーカスは通知に移動するため、少なくともフォーカスインジケータの一部が表示される。フォーカスを失うと通知は消えるため、他のコントロールが隠れることはなく、以前のキーボードフォーカスインジケータの一部が表示される。
                   </li>
                   
                </ul>

From 97621eba3a778122cf8435b9443f95d32915a030 Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Sat, 29 Jun 2024 17:45:41 +0900
Subject: [PATCH 03/10] =?UTF-8?q?=E3=82=B9=E3=83=9A=E3=83=BC=E3=82=B9?=
 =?UTF-8?q?=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 understanding/focus-not-obscured-minimum.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/understanding/focus-not-obscured-minimum.html b/understanding/focus-not-obscured-minimum.html
index 8350a128..35481c12 100644
--- a/understanding/focus-not-obscured-minimum.html
+++ b/understanding/focus-not-obscured-minimum.html
@@ -114,7 +114,7 @@ <h2>意図</h2>
                </p>
                <p>フォーカスされた項目と重なる可能性のある代表的なコンテンツの種類は、スティッキーフッター、スティッキーヘッダー、及び非モーダルダイアログである。利用者がページ内をタブで移動すると、これらのコンテンツのレイヤーにより、フォーカスを受け取った項目がフォーカスインジケータと共に隠されてしまう可能性がある。
                </p>
-               <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを完全に覆い隠してしまう場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a>を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
+               <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを完全に覆い隠してしまう場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a> を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
                </p>
                <p>別の隠される状況としては、ライトボックス又はその他の半透明効果がフォーカスを持つ項目に重なる場合がある。不透明度が 100％未満であればコンポーネントが<q>完全に隠れる</q>ことはないが、そのような半透明の重なりにより <a href="../understanding/non-text-contrast.html">1.4.11 非テキストコントラスト</a>の失敗が発生する場合がある。フォーカスインジケータが半透明コンポーネントで覆われる場合、フォーカスインジケータが半透明コンポーネントの下にある間に、フォーカスインジケータが 1.4.11 に合格できているかを評価する (そして合格している) べきである。この達成方法の意図は、どちらの状況にせよ、利用者がどの項目にフォーカスがあるのか判断できないほどにフォーカスを受け取るコンポーネントが隠されるべきではない、ということである。
                </p>

From c306ffbd2489591a5ad3bba09595daaff3c8f300 Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Tue, 2 Jul 2024 22:39:08 +0900
Subject: [PATCH 04/10] Update understanding/focus-not-obscured-enhanced.html

Co-authored-by: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
---
 understanding/focus-not-obscured-enhanced.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/understanding/focus-not-obscured-enhanced.html b/understanding/focus-not-obscured-enhanced.html
index c2392b9d..a715d7a1 100644
--- a/understanding/focus-not-obscured-enhanced.html
+++ b/understanding/focus-not-obscured-enhanced.html
@@ -76,7 +76,7 @@ <h1><span class="standalone-resource__type-of-guidance">解説書
             <aside class="box">
                <header class="box-h  box-h-icon">達成基準</header>
                <div class="box-i">
-                  <p><a href="#dfn-user-interface-component">ユーザインタフェース コンポーネント</a>がキーボードフォーカスを受け取るとき、コンテンツ制作者が作成したコンテンツによって、そのコンポーネントのどの部分も隠されることがない
+                  <p><a href="#dfn-user-interface-component">ユーザインタフェース コンポーネント</a>がキーボードフォーカスを受け取るとき、コンテンツ制作者が作成したコンテンツによって、そのコンポーネントのどの部分も隠されることがない。
                   </p>
                </div>
             </aside>

From ba7f65a05f602de085992dbe5addb94126d9b671 Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Tue, 2 Jul 2024 22:40:19 +0900
Subject: [PATCH 05/10] Update understanding/focus-not-obscured-enhanced.html

Co-authored-by: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
---
 understanding/focus-not-obscured-enhanced.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/understanding/focus-not-obscured-enhanced.html b/understanding/focus-not-obscured-enhanced.html
index a715d7a1..4c0751aa 100644
--- a/understanding/focus-not-obscured-enhanced.html
+++ b/understanding/focus-not-obscured-enhanced.html
@@ -129,7 +129,7 @@ <h2>事例</h2>
                   <li>ページにスティッキーフッター (ビューポートの下部に固定されている) がある。ページをタブで下に移動すると、フォーカスされた項目はフッターによって全て隠れることはない。これは、ビューポート内のコンテンツが上にスクロールして、<a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll-padding</a> を使用してキーボードフォーカスのある項目が常に表示されるためである。
                   </li>
                   
-                  <li>ページに大きな (幅 30％の) クッキー承認ダイアログがある。ダイアログはモーダルであり、閉じられるまでページ内の他のコントロールにアクセスを防ぐ。選択が行われて送信されるまで、クッキー承認ダイアログ (フォーカスインジケータを含む) は画面上に残るため、フォーカスは隠されない。
+                  <li>ページに大きな (幅 30％の) クッキー承認ダイアログがある。ダイアログはモーダルであり、閉じられるまでページ内の他のコントロールへのアクセスを防ぐ。選択が行われて送信されるまで、クッキー承認ダイアログ (フォーカスインジケータを含む) は画面上に残るため、フォーカスは隠されない。
                   </li>
                   
                   <li>通知はスティッキーヘッダーとして実装され、キーボードフォーカスは通知に移動する。通知はフォーカスを失うと消え、他のコントロール (通知の前に表示されていたフォーカスインジケータを含む) に隠されることはない。

From 3e911d0fc86c3c9b10b08f9ba6719f2e2dc071a1 Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Tue, 2 Jul 2024 22:40:42 +0900
Subject: [PATCH 06/10] Update understanding/focus-not-obscured-enhanced.html

Co-authored-by: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
---
 understanding/focus-not-obscured-enhanced.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/understanding/focus-not-obscured-enhanced.html b/understanding/focus-not-obscured-enhanced.html
index 4c0751aa..3ef4558d 100644
--- a/understanding/focus-not-obscured-enhanced.html
+++ b/understanding/focus-not-obscured-enhanced.html
@@ -100,7 +100,7 @@ <h2>要約</h2>
                <h2>意図</h2>
                <p>この達成基準の意図は、キーボードフォーカスを受け取る項目が、利用者のビューポート内で常に表示されることを保証することである。キーボード (又はスイッチ、音声入力など、キーボードインターフェースを通じて操作するデバイス) に依存している目の見える人にとって、現在のフォーカス地点を知ることは非常に重要である。フォーカスを持つコンポーネントは、ページ上のインタラクション地点を示す。利用者がフォーカスを持つ項目を見ることができない場合、利用者はどのように進めればよいのかわからない、又はシステムが応答しなくなったとさえ思うかもしれない。
                </p>
-               <p>フォーカスされた項目と重なる可能性のある代表的なコンテンツの種類は、スティッキーフッター、スティッキーヘッダー、及び非モーダルダイアログである。利用者がページ内をタブで移動すると、これらのコンテンツのレイヤーにより、フォーカスを受け取った項目がフォーカスインジケータと共に覆い隠す可能性がある。
+               <p>フォーカスされた項目と重なる可能性のある代表的なコンテンツの種類は、スティッキーフッター、スティッキーヘッダー、及び非モーダルダイアログである。利用者がページ内をタブで移動すると、これらのコンテンツのレイヤーにより、フォーカスを受け取った項目がフォーカスインジケータと共に覆い隠されてしまう可能性がある。
                </p>
                <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを部分的に覆う場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a> を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
                </p>

From e258e8f3cd9b5f7e11730221139c466ebcc9cb02 Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Tue, 2 Jul 2024 22:40:58 +0900
Subject: [PATCH 07/10] Update understanding/focus-not-obscured-enhanced.html

Co-authored-by: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
---
 understanding/focus-not-obscured-enhanced.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/understanding/focus-not-obscured-enhanced.html b/understanding/focus-not-obscured-enhanced.html
index 3ef4558d..9c5bb7b5 100644
--- a/understanding/focus-not-obscured-enhanced.html
+++ b/understanding/focus-not-obscured-enhanced.html
@@ -102,7 +102,7 @@ <h2>意図</h2>
                </p>
                <p>フォーカスされた項目と重なる可能性のある代表的なコンテンツの種類は、スティッキーフッター、スティッキーヘッダー、及び非モーダルダイアログである。利用者がページ内をタブで移動すると、これらのコンテンツのレイヤーにより、フォーカスを受け取った項目がフォーカスインジケータと共に覆い隠されてしまう可能性がある。
                </p>
-               <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを部分的に覆う場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a> を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
+               <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを部分的にでも覆う場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a> を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
                </p>
                <p>別の隠される状況としては、ライトボックス又はその他の半透明効果がフォーカスを持つ項目に重なる場合がある。この隠される状況は、この達成基準の範囲<em>外</em>である。不透明度が 100％未満であればコンポーネントが<q>部分的に隠れる</q>ことはないが、そのような半透明の重なりにより <a href="../understanding/focus-appearance.html">2.4.13 フォーカスの外観</a>の失敗が発生する場合がある。フォーカスインジケータが半透明のコンポーネントによって覆われる場合、そのフォーカスインジケータは 2.4.11 に照らして評価されるべきである。この達成方法の意図は、どちらの状況にせよ、利用者がどの項目にフォーカスがあるのか判断できないほどにフォーカスを受け取るコンポーネントが隠されるべきではない、ということである。
                </p>

From c5edb053d3e8f2e3d4d3b81e7ca878380fc10a1a Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Tue, 2 Jul 2024 22:41:18 +0900
Subject: [PATCH 08/10] Update understanding/focus-not-obscured-minimum.html

Co-authored-by: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
---
 understanding/focus-not-obscured-minimum.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/understanding/focus-not-obscured-minimum.html b/understanding/focus-not-obscured-minimum.html
index 35481c12..eddec24e 100644
--- a/understanding/focus-not-obscured-minimum.html
+++ b/understanding/focus-not-obscured-minimum.html
@@ -116,7 +116,7 @@ <h2>意図</h2>
                </p>
                <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを完全に覆い隠してしまう場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a> を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
                </p>
-               <p>別の隠される状況としては、ライトボックス又はその他の半透明効果がフォーカスを持つ項目に重なる場合がある。不透明度が 100％未満であればコンポーネントが<q>完全に隠れる</q>ことはないが、そのような半透明の重なりにより <a href="../understanding/non-text-contrast.html">1.4.11 非テキストコントラスト</a>の失敗が発生する場合がある。フォーカスインジケータが半透明コンポーネントで覆われる場合、フォーカスインジケータが半透明コンポーネントの下にある間に、フォーカスインジケータが 1.4.11 に合格できているかを評価する (そして合格している) べきである。この達成方法の意図は、どちらの状況にせよ、利用者がどの項目にフォーカスがあるのか判断できないほどにフォーカスを受け取るコンポーネントが隠されるべきではない、ということである。
+               <p>別の隠される状況としては、ライトボックス又はその他の半透明効果がフォーカスを持つ項目に重なる場合がある。不透明度が 100％未満であればコンポーネントが<q>完全に隠れる</q>ことはないが、そのような半透明の重なりにより <a href="../understanding/non-text-contrast.html">1.4.11 非テキストのコントラスト</a>の失敗が発生する場合がある。フォーカスインジケータが半透明コンポーネントで覆われる場合、フォーカスインジケータが半透明コンポーネントの下にある間に、フォーカスインジケータが 1.4.11 に合格できているかを評価する (そして合格している) べきである。この達成方法の意図は、どちらの状況にせよ、利用者がどの項目にフォーカスがあるのか判断できないほどにフォーカスを受け取るコンポーネントが隠されるべきではない、ということである。
                </p>
                <section id="Movable">
                   

From 48f72c56d6c36d41d896f68d8e977ace6f0b2932 Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Tue, 2 Jul 2024 22:41:46 +0900
Subject: [PATCH 09/10] Update understanding/focus-not-obscured-enhanced.html

Co-authored-by: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
---
 understanding/focus-not-obscured-enhanced.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/understanding/focus-not-obscured-enhanced.html b/understanding/focus-not-obscured-enhanced.html
index 9c5bb7b5..fc8282b6 100644
--- a/understanding/focus-not-obscured-enhanced.html
+++ b/understanding/focus-not-obscured-enhanced.html
@@ -126,7 +126,7 @@ <h2>利点</h2>
                <h2>事例</h2>
                <ul>
                   
-                  <li>ページにスティッキーフッター (ビューポートの下部に固定されている) がある。ページをタブで下に移動すると、フォーカスされた項目はフッターによって全て隠れることはない。これは、ビューポート内のコンテンツが上にスクロールして、<a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll-padding</a> を使用してキーボードフォーカスのある項目が常に表示されるためである。
+                  <li>ページにスティッキーフッター (ビューポートの下部に固定されている) がある。ページをタブで下に移動すると、フォーカスされた項目はフッターによって少しも隠れることはない。これは、ビューポート内のコンテンツが上にスクロールして、<a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding" rel="nofollow">scroll-padding</a> を使用してキーボードフォーカスのある項目が常に表示されるためである。
                   </li>
                   
                   <li>ページに大きな (幅 30％の) クッキー承認ダイアログがある。ダイアログはモーダルであり、閉じられるまでページ内の他のコントロールへのアクセスを防ぐ。選択が行われて送信されるまで、クッキー承認ダイアログ (フォーカスインジケータを含む) は画面上に残るため、フォーカスは隠されない。

From eb5a95b370f92b091cc0935e9ccffdd2b4041bef Mon Sep 17 00:00:00 2001
From: Momdo Nakamura <xmomdo@gmail.com>
Date: Tue, 2 Jul 2024 22:45:00 +0900
Subject: [PATCH 10/10] Update understanding/focus-not-obscured-enhanced.html

Co-authored-by: Kazuhiko Tsuchiya <kaz.tsuchiya@gmail.com>
---
 understanding/focus-not-obscured-enhanced.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/understanding/focus-not-obscured-enhanced.html b/understanding/focus-not-obscured-enhanced.html
index fc8282b6..38f60216 100644
--- a/understanding/focus-not-obscured-enhanced.html
+++ b/understanding/focus-not-obscured-enhanced.html
@@ -104,7 +104,7 @@ <h2>意図</h2>
                </p>
                <p>Cookie バナーのようなスティッキーコンテンツとして実装された通知は、フォーカスを受け取るコンポーネントを部分的にでも覆う場合、この達成基準に失敗する。合格する方法には、利用者がページ内をナビゲートする前にバナーを閉じる必要があるようにバナーをモーダルにする、又はバナーが他のコンテンツと重ならないように <a href="https://www.w3.org/TR/css-scroll-snap/#propdef-scroll-padding">scroll-padding</a> を使用する、といったものがある。利用者のアクションを必要としない通知も、フォーカスが失なわれるときに閉じることでこの基準を満たす可能性がある。
                </p>
-               <p>別の隠される状況としては、ライトボックス又はその他の半透明効果がフォーカスを持つ項目に重なる場合がある。この隠される状況は、この達成基準の範囲<em>外</em>である。不透明度が 100％未満であればコンポーネントが<q>部分的に隠れる</q>ことはないが、そのような半透明の重なりにより <a href="../understanding/focus-appearance.html">2.4.13 フォーカスの外観</a>の失敗が発生する場合がある。フォーカスインジケータが半透明のコンポーネントによって覆われる場合、そのフォーカスインジケータは 2.4.11 に照らして評価されるべきである。この達成方法の意図は、どちらの状況にせよ、利用者がどの項目にフォーカスがあるのか判断できないほどにフォーカスを受け取るコンポーネントが隠されるべきではない、ということである。
+               <p>別の隠される状況としては、ライトボックス又はその他の半透明効果がフォーカスを持つ項目に重なる場合がある。この隠される状況は、この達成基準の範囲<em>外</em>である。不透明度が 100％未満であればコンポーネントが<q>部分的に隠れる</q>ことはないが、そのような半透明の重なりにより <a href="../understanding/non-text-contrast.html">1.4.11 非テキストのコントラスト</a> 及び／又は <a href="../understanding/focus-appearance.html">2.4.13 フォーカスの外観</a>の失敗が発生する場合がある。フォーカスインジケータが半透明のコンポーネントによって覆われる場合、そのフォーカスインジケータは 1.4.11 及び 2.4.13 に照らして評価されるべきである。この達成方法の意図は、どちらの状況にせよ、利用者がどの項目にフォーカスがあるのか判断できないほどにフォーカスを受け取るコンポーネントが隠されるべきではない、ということである。
                </p>
             </section>
             <section id="benefits">
