[css-spatial-nav-1] Fix up 'can be manually scrolled' to care about axises, use it in a few more places. w3c/csswg-drafts@8f211ee

Author: triple-underscore

css-spatial-nav-ja.html

@@ -157,8 +157,9 @@
 ●●options
 
 spec_title:CSS Spatial Navigation Module Level 1
-spec_date:2026-06-01
-trans_update:2023-03-03
+spec_date:2026-05-14
+	real_date:2026-06-30
+trans_update:2023-07-03
 source_checked:191126
 page_state_key:CSS
 original_url:https://drafts.csswg.org/css-spatial-nav-1
@@ -374,10 +375,14 @@
 要素を~scrollする:~CSSOMVIEW#scroll-an-element
 
 ~scroll境界:~CSSOVERSCROLL#scroll-boundary
+~scroll連鎖:~CSSOVERSCROLL#scroll-chain
 
 ~scroll容器:~CSSOVERFLOW3#scroll-container
 ~scrollport:~CSSOVERFLOW3#scrollport
+~scroll可能な軸:~CSSOVERFLOW3#scrollable-axis
 
+横~軸:~CSSWM#x-axis
+縦~軸:~CSSWM#y-axis
 
 	●用語 HTML
 実際に不能化され:~HTMLselectors#concept-element-disabled
@@ -529,7 +534,7 @@
 	優先的に:prioritize
 
 	し切った:maximum
-	~~現れ:uncover
+	可視になり:uncover
 
 	●UI
 UX:::利用者体験
@@ -670,8 +675,6 @@
 着想-:inspire:~
 惑わす:confuseさせる:~
 拡げる:expandする:~
-選取って:pickして:選び取って
-選取られ:pickされ:選び取られ
 誂えれ:tailorでき:あつらえれ
 欲求:desire:~
 
@@ -711,6 +714,8 @@
 	必ず備えるようにするため:in order to make sure
 	関わる:associate
 	任意選択で~~選ぶ:opt into
+	~~選んで:pick
+	~~選ばれ:pick
 	もたらし:cause
 	自前の~algoを与える:roll our own
 	微調整:fine tune
@@ -1133,50 +1138,76 @@ <h2 title="Overview">3. 概観</h2>
 
 <p>
 より特定的には、
-~UAは先ず，［
+~UAは：
+◎
+More specifically, the user agent＼
+</p>
+<ul>
+	<li>
+<p>
+先ず，［
 現在の`空間的~navi容器$の中で指示された方向にある，可視かつ~focus可能な~item
 ］を探索することになる
-（`空間的~navi容器$は、
-既定では，［
+（`空間的~navi容器$は，既定では［
 `根~要素$, ~scroll可能な要素, ~iframe
 ］いずれかであるが、
-`spatial-navigation-contain$p ~propを利用すれば，他の要素も`空間的~navi容器$を成すようにできる）。
+`spatial-navigation-contain$p ~propを利用すれば，
+他の要素も`空間的~navi容器$を成し得る）：
 ◎
-More specifically, the user agent will first search for visible and focusable items in the direction indicated within the current spatial navigation container (by default, the root element, scrollable elements, and iframes, but other elements can be made into spatial navigation containers using the spatial-navigation-contain property).
+will first search for visible and focusable items in the direction indicated within the current spatial navigation container (by default, the root element, scrollable elements, and iframes, but other elements can be made into spatial navigation containers using the spatial-navigation-contain property).
 </p>
-
-<p>
+		<ul>
+			<li>
 何かが見出された場合、
-その方向にある最良な 1 つを選取って，~focusをそこへ移動することになる。
+その方向にある最良な 1 つを~~選んで，~focusをそこへ移動することになる。
 ◎
 If it finds any, it will pick the best one for that direction, and move the focus there.
-</p>
-
+</li>
+			<li>
 <p>
 何も見出されなかった場合、
 ~focusを移動する代わりに，要請された方向へ`空間的~navi容器$を~scrollすることになる。
-その結果，~focus可能な要素が~~現れ得る
-— その場合、
-次回に同じ方向へ空間的~naviが要請されたとき，それが~focusを移動する適格な~targetになるであろう。
-◎
-If it does not, it will scroll the spatial navigation container in the requested direction instead of moving focus. Doing so may uncover focusable elements which would then be eligible targets to move the focus to next time spatial navigation in the same direction is requested.
+その結果，~focus可能な要素が可視になり得る
+— その場合~FN、
+それ【最初に可視になるもの】が［
+次回に同じ方向へ空間的~naviが要請されたとき，~focusを移動する適格な~target
+］になろう。
 </p>
 
+<p class="trans-note">【
+そこへ~scrollするが，まだ~focusを移動しない。
+】【~FN
+他の場合、
+`~scroll境界$に達するまで~scrollすることになろう。
+】</p>
+
+◎
+If it does not, it will scroll the spatial navigation container in the requested direction instead of moving focus. Doing so may uncover focusable elements which would then be eligible targets to move the focus to next time spatial navigation in the same direction is requested.
+</li>
+		</ul>
+	</li>
+	<li>
 <p>
-［
+前項において［
 ~scroll可能な要素でないか，すでにその方向へ~scrollし切った
 ］ため，`空間的~navi容器$を~scrollできない場合、
-~UAは先祖上の連鎖~FN　を遡って次にある`空間的~navi容器$を選定して，何らかの［
+先祖上の連鎖~FNを遡って，
+次に来る`空間的~navi容器$を選定した上で、
+何らかの［
 ~focus／~scroll
-］可能な要素を見出すか，`根~要素$に到達するまで，上の処理-を再帰的に繰返すことになる。
-◎
-If the spatial navigation container cannot be scrolled, either because it is not a scrollable element or because it is already scrolled to the maximum in that direction, the user agent will select the next spatial navigation container up the ancestry chain, and recursively repeat the above process until it finds some element to focus or scroll, or reaches the root element.
+］先になる要素が見出されるまで，前項の処理nを再帰的に
+— `根~要素$に到達するまで —
+繰返すことになる。
 </p>
 
 <p class="trans-note">【~FN
 この仕様に現れる “先祖” は、
 ~APIも含め，`~box~tree$に基づく先祖と解釈すべきように思われる。
 】</p>
+◎
+If the spatial navigation container cannot be scrolled, either because it is not a scrollable element or because it is already scrolled to the maximum in that direction, the user agent will select the next spatial navigation container up the ancestry chain, and recursively repeat the above process until it finds some element to focus or scroll, or reaches the root element.
+</li>
+</ul>
 
 <p class="note">注記：
 この処理~modelの帰結として、
@@ -2661,10 +2692,10 @@ <h3 title="Navigation">8.3. ~navi</h3>
 </li>
 	<li>
 ~IF［
-%~event~target は`手動で~scrollできる$
+%~event~target は【 %方向 へ】`手動で~scrollできる$
 【！ 不要：%~event~target は`~scroll容器$である】
 ］~AND［
-%~event~target 上の `spatial-navigation-action$p ~propの算出d値 ~EQ `scroll$v
+%~event~target の `spatial-navigation-action$p ~propの算出d値 ~EQ `scroll$v
 ］
 ⇒＃
 `要素をある方向へ~scrollする$( %~event~target, %方向 )；
@@ -2697,9 +2728,9 @@ <h3 title="Navigation">8.3. ~navi</h3>
 			<li>
 <p>
 ~IF［
-%~event~target 上の `spatial-navigation-action$p ~propの算出d値 ~NEQ `focus$v
+%~event~target の `spatial-navigation-action$p ~propの算出d値 ~NEQ `focus$v
 ］~AND［
-%~event~target は`手動で~scrollできる$
+%~event~target は【 %方向 へ】`手動で~scrollできる$
 ］：
 </p>
 				<ol>
@@ -2795,7 +2826,7 @@ <h3 title="Navigation">8.3. ~navi</h3>
 ~IF［
 %可視のみか ~EQ ~T
 ］~AND［
-%容器 は`手動で~scrollできる$
+%容器 は【 %方向 へ】`手動で~scrollできる$
 【！不要`~scroll容器$である】
 ］：
 </p>
@@ -3590,7 +3621,7 @@ <h3 title="Focus Navigation Heuristics">8.4. ~focus~naviの経験則</h3>
 
 <p class="note">注記：
 この一般~公式は、
-いくつかの，良さげな代替から選取られた
+いくつかの，良さげな代替から~~選ばれた
 — 一連の
 `~UX~test事例＠https://wicg.github.io/spatial-navigation/tests/ux/list.html$
 にて、
@@ -3821,24 +3852,39 @@ <h3 title="Controlling the interaction with scrolling: the spatial-navigation-ac
 <dl>
 	<dt>`auto@v</dt>
 	<dd>
-`~scroll容器$の中の要請された方向に，可視かつ~focus可能な要素が在る場合、
+当の`~scroll容器$の中に，要請された方向において可視かつ~focus可能な要素が在る場合、
 それらのうち最も近いものが~focusされるようになる。
 他の場合、
-`~scroll容器$は要請された方向へ~scrollされる。
+当の`~scroll容器$は要請された方向へ~scrollされる。
 ◎
 If there are visible focusable elements within the scroll container in the direction requested, the closest one becomes focused. Otherwise, the scroll container is scrolled in the direction requested.
 </dd>
 
 	<dt>`focus@v</dt>
 	<dd>
-`~scroll容器$の中【の要請された方向】に，~focus可能な要素が在れば
-— それが可視かどうかに関わらず —
-~focusは，それらのうち最も近いものへ移動される。
-無い場合、
-~scroll容器は`~scrollされない^emことに加え、
+<p>
+~AND↓ が満たされる場合…
+</p>
+		<ul>
+			<li>
+当の`~scroll容器$の中に，【要請された方向において】~focus可能な要素（可視か否かは問わない）が在る
+</li>
+			<li>
+当の容器を要請された方向へ`手動で~scrollできる$
+</li>
+		</ul>
+<p>
+…場合、
+~focusは，最初の条件を満たす要素のうち最も近いものへ移動される。
+</p>
+
+<p>
+他の場合、
+当の~scroll容器は`~scrollされない^emことに加え、
 探索は先祖上の連鎖へ遡るように継続される。
+</p>
 ◎
-The focus is moved to the nearest focusable element within the scroll container, regardless of whether it is visible. If there are none, the scroll container is not scrolled, and the search continues up the ancestry chain instead.
+The focus is moved to the nearest focusable element within the scroll container if it can be manually scrolled in that direction, regardless of whether it is visible. If there are none or it can’t be scrolled in that direction, the scroll container is not scrolled, and the search continues up the ancestry chain instead.
 </dd>
 	<dd class="note">注記：
 `~scroll容器$は、
@@ -3858,16 +3904,18 @@ <h3 title="Controlling the interaction with scrolling: the spatial-navigation-ac
 	<dt>`scroll@v</dt>
 	<dd>
 現在~focusされている要素が`~scroll容器$でない場合、
-先祖`~scroll容器$上のこの値は `auto$v と同じ効果になる。
+先祖`~scroll容器$に対する この値は `auto$v と同じ効果になる。
 ◎
 If the currently focused element is not itself a scroll container, this value on an ancestor scroll container has the same effect as auto.
 </dd>
 	<dd>
-現在~focusされている要素が`~scroll容器$である場合、
-~focus可能な子孫の有無に関わらず，要請された方向に~scrollされ、
+現在~focusされている要素が［
+`~scroll容器$であって，要請された方向へ`手動で~scrollできる$
+］場合、
+~focus可能な子孫の有無を問わず，要請された方向に~scrollされ、
 どの要素が~focusされているかは変更しない。
 ◎
-If the currently focused element is a scroll container, it is scrolled in the direction requested without changing which element is in focus, regardless of the presence of focusable descendants.
+If the currently focused element is a scroll container and can be manually scrolled in the direction requested, it is scrolled in the direction requested without changing which element is in focus, regardless of the presence of focusable descendants.
 </dd>
 	<dd class="note">注記：
 このことは、［
@@ -4112,20 +4160,24 @@ <h2 title="Appendix A. Scroll extensions">付録 A. ~scroll拡張</h2>
 </p>
 
 <p>
-~AND↓ を満たす要素 %要素 は、
-所与の方向 %方向 へ
+所与の
+( 要素 %要素, 方向 %方向 )
+に対し，
+%要素 を %方向 へ
 `手動で~scrollできる@
-（ `can be manually scrolled^en ）とされる：
+（ `can be manually scrolled^en ）
+とは、
+%要素 が確立する`首要~box$ %~box に関して，
+~AND↓ が満たされることをいう：
 ◎
 An element e can be manually scrolled in a given direction d if:
 </p>
-
 <ul>
 	<li>
-%要素 が確立する`首要~box$ %~box は、
-`~scroll容器$である
+<p>
+%~box は`~scroll容器$である
 ◎
-The principal box established by e is a scroll container, and
+The principal box established by e is a scroll container＼
 </li>
 	<li>
 <p>
@@ -4135,22 +4187,32 @@ <h2 title="Appendix A. Scroll extensions">付録 A. ~scroll拡張</h2>
 			<li>
 `up^l ／ `down^l
 ⇒
+［
+`縦~軸$は %~box の`~scroll可能な軸$である【！d’s axis】
+］~AND［
 %要素 の `overflow-y$p ~propの算出d値 ~NEQ `hidden$v
-◎
-if d is up or down, the computed value of the overflow-y property is not hidden, and
+］
 </li>
 			<li>
 `left^l ／ `right^l
 ⇒
+［
+`横~軸$は %~box の`~scroll可能な軸$である【！d’s axis】
+］~AND［
 %要素 の `overflow-x$p ~propの算出d値 ~NEQ `hidden$v
+］
+</li>
+		</ul>
+◎
+in d’s axis, and
+◎
+if d is up or down, the computed value of the overflow-y property is not hidden, and
 ◎
 if d is left or right, the computed value of the overflow-x property is not hidden, and
 </li>
-		</ul>
-	</li>
 	<li>
 %~box は
-%方向 において`~scroll境界$に来てはいない
+%方向 において`~scroll境界$に達していない【！not at】
 ◎
 e is not at the scroll boundary in the direction d
 </li>