HTML — 利用者によるやりとり

6.2.1. `VisibilityStateEntry$I ~interface

`VisibilityStateEntry$I ~interfaceは、 文書が作動中になって以降における文書の可視性の変化を公開する。 ◎ The VisibilityStateEntry interface exposes visibility changes to the document, from the moment the document becomes active.

function wasHiddenBeforeFirstContentfulPaint() {
    const %fcpEntry = performance.getEntriesByName("first-contentful-paint")[0];
    const %visibilityStateEntries = performance.getEntriesByType("visibility-state");
    return %visibilityStateEntries.some(e =>
        e.startTime < %fcpEntry.startTime &&
        e.name === "hidden");
}

注記： ~pageを隠すことは，描画~その他の~UA演算を間引かせ得るので、 可視性の変化を［ そのような間引きが生じたことの指示 ］として利用することは，共通的にある。 しかしながら、 間引かせ得るものは，~browserに応じて他にもある — 長期間，活動【利用者-ヤリトリ等】が無いなど。 ◎ Since hiding a page can cause throttling of rendering and other user-agent operations, it is common to use visibility changes as an indication that such throttling has occurred. However, other things could also cause throttling in different browsers, such as long periods of inactivity.

[Exposed=(Window)]
interface `VisibilityStateEntry@I : `PerformanceEntry$I {
  readonly attribute DOMString `name$m;                 /* 
継承した `name＠~TIMELINE#dom-performanceentry-name$m を隠蔽する
◎
shadows inherited name
 */
  readonly attribute DOMString `entryType$m;            /* 
継承した `entryType＠~TIMELINE#dom-performanceentry-entrytype$m を隠蔽する
◎
shadows inherited entryType
 */
  readonly attribute DOMHighResTimeStamp `startTime$m;  /* 
継承した `startTime＠~TIMELINE#dom-performanceentry-starttime$m を隠蔽する
◎
shadows inherited startTime
 */
  readonly attribute unsigned long `duration$m;         /* 
継承した `duration＠~TIMELINE#dom-performanceentry-duration$m を隠蔽する
◎
shadows inherited duration
 */
};

各 `VisibilityStateEntry$I ~objには、 次に挙げるものが結付けられる： ◎ ↓

• `時刻印@vsE ⇒ `DOMHighResTimeStamp$I 値 ◎ The VisibilityStateEntry has an associated DOMHighResTimeStamp timestamp.
• `可視性~状態@vsE ⇒ `visible^l ／ `hidden^l ◎ The VisibilityStateEntry has an associated "visible" or "hidden" visibility state.

6.3.1. ~modal~dialogと不活な下位tree

`文書$ %文書 の`上端~層$を成す最後の（最も手前に~~示される）要素【！subject】が `dialog$e 要素であるとき、 当の要素を指して， %文書 を `阻んでいる~modal~dialog@ という。 そのような要素 %dialog が在る間は、 %文書 に`接続されて$いる~nodeのうち［ %dialog と その`平坦~tree$における子孫 ］以外は，`不活$になるモノトスル。 ◎ A Document document is blocked by a modal dialog subject if subject is the topmost dialog element in document's top layer.＼ While document is so blocked, every node that is connected to document, with the exception of the subject element and its flat tree descendants, must become inert.

%dialog も `inert$a 属性を介して追加的に`不活$になり得るが、 それは，この属性が %dialog 自身に指定された場合に限られる （すなわち、 %dialog は， “先祖の不活 性から逃れる” 【 %dialog は、この属性を有さないならば，先祖が不活でも不活にならない】）。 %dialog の`平坦~tree$を成す各~子孫も，同様に`不活$になり得る。 ◎ subject can additionally become inert via the inert attribute, but only if specified on subject itself (i.e., subject escapes inertness of ancestors); subject's flat tree descendants can become inert in a similar fashion.

注記： `dialog$e 要素の `showModal()$m ~methodは、 要素の`~node文書$の`上端~層$に要素を`追加する＠~CSSPOS4#add-an-element-to-the-top-layer$ことにより， この仕組みを誘発する。 ◎ The dialog element's showModal() method causes this mechanism to trigger, by adding the dialog element to its node document's top layer.

6.3.2. `inert^a 属性

`inert$a 属性は、 `真偽-属性$であり，在るならば次を指示する ⇒ 当の要素, および［ 当の要素の`平坦~tree$を成す子孫のうち［ “先祖の不活 性から逃れる” もの（~modal~dialogなど）以外のもの ］すべて ］は、 ~UAにより`不活$にされる。 ◎ The inert attribute is a boolean attribute that indicates, by its presence, that the element and all its flat tree descendants which don't otherwise escape inertness (such as modal dialogs) are to be made inert by the user agent.

`不活$な下位treeは、［ 当の~pageを成す，不活~状態ではない側面 ］を［ 理解する／利用する ］ために~criticalな［ 内容／~control ］を包含するベキでない。 不活な下位tree内の内容は、 どの利用者からも［ 知覚-可能／ヤリトリ-可能 ］になるとは限らない。 作者は、 要素が表現する内容が何らかの仕方で視覚的に遮られていない限り， 要素を不活として指定するベキでない。 ほとんどの事例では、 作者は，個々の~form~controlに対し `inert$a【！`不活$】 属性を指定するベキでない — それらには、 `disabled$a 属性の方が，おそらく適切になる。 ◎ An inert subtree should not contain any content or controls which are critical to understanding or using aspects of the page which are not in the inert state. Content in an inert subtree will not be perceivable by all users, or interactive. Authors should not specify elements as inert unless the content they represent are also visually obscured in some way. In most cases, authors should not specify the inert attribute on individual form controls. In these instances, the disabled attribute is probably more appropriate.

`inert@m ~IDL属性は、 `inert$m 内容~属性を`反映する$モノトスル。 ◎ The inert IDL attribute must reflect the content attribute of the same name.

6.4.1. ~data~model

各`~window$ %~window には、 次に挙げる［ 利用者-作動化を追跡する目的に関連な値 ］がある： ◎ For the purpose of tracking user activation, each Window W has two relevant values:

• `最後の作動化の時刻印@ ⇒ `DOMHighResTimeStamp$I 型の値 ／ 正な無限大 ／ 負な無限大 — 初期~時は正な無限大とする。

  • 正な無限大は、 次を指示する ⇒ %~window は、 まだ作動化されたことがない。
  • 負な無限大は、 次を指示する ⇒ %~window に対する最後の`利用者-作動化を消費-$した。
  ◎ A last activation timestamp, which is either a DOMHighResTimeStamp, positive infinity (indicating that W has never been activated), or negative infinity (indicating that the activation has been consumed). Initially positive infinity.
• `最後の履歴~動作による作動化の時刻印@ ⇒ `DOMHighResTimeStamp$I 型の値 ／ 正な無限大 — 初期~時は正な無限大とする。 ◎ A last history-action activation timestamp, which is either a DOMHighResTimeStamp or positive infinity, initially positive infinity.

~UAはまた， `一過な作動化の所要時間@ を定義する。 それは、［ ある種の`利用者-作動化で通過制御される~API$（例：~popupを開く） ］用に［ 利用者-作動化はどれだけ長く可用にされるか ］を指示する定数である。 ◎ A user agent also defines a transient activation duration, which is a constant number indicating how long a user activation is available for certain user activation-gated APIs (e.g., for opening popups).

注記： `一過な作動化の所要時間$は、 長くとも数秒までにすることが期待される — 利用者が、 場合によっては［ ~pageとのヤリトリ, 作動化で通過制御される~APIを~callしている~page ］の間の連関を知覚できるように。 ◎ The transient activation duration is expected be at most a few seconds, so that the user can possibly perceive the link between an interaction with the page and the page calling the activation-gated API.

%~window には、 次に挙げる［ 利用者-作動化に関する状態を含意する条件【！boolean】 ］がある： ◎ We then have the following boolean user activation states for W:

`居残な作動化を有して@ いる（ `have sticky activation^en ） ◎ Sticky activation

次が満たされることをいう ⇒ %~window における`最後の作動化の時刻印$ ~LTE `現在の高分解能~時刻$( %~window ) ◎ When the current high resolution time given W is greater than or equal to the last activation timestamp in W, W is said to have sticky activation.

これは、［ 利用者は，これまで %~window とヤリトリしたことがあるかどうか ］を指示する。 これは， %~window の履歴上の作動化~状態であり、 有していない状態から開始して， %~window が初めて`作動化を通知する$とき，有している状態に変化する （また、 有していない状態に戻ることは決してない）。 ◎ This is W's historical activation state, indicating whether the user has ever interacted in W. It starts false, then changes to true (and never changes back to false) when W gets the very first activation notification.

`一過な作動化を有して@ いる（ `have transient activation^en ） ◎ Transient activation

次が満たされることをいう ⇒ %~window における`最後の作動化の時刻印$ ~LTE `現在の高分解能~時刻$( %~window ) ~LT ( %~window における`最後の作動化の時刻印$ ~PLUS `一過な作動化の所要時間$ ) ◎ When the current high resolution time given W is greater than or equal to the last activation timestamp in W, and less than the last activation timestamp in W plus the transient activation duration, then W is said to have transient activation.

これは、［ 利用者は，近過去に %~window とヤリトリしたかどうか ］を指示する。 これは， %~window の現在の作動化~状態であり、 有していない状態から開始して， %~window が毎回`作動化を通知する$ごとに制限された時間だけ 有している状態であり続ける。 ◎ This is W's current activation state, indicating whether the user has interacted in W recently. This starts with a false value, and remains true for a limited time after every activation notification W gets.

`一過な作動化を有して$いる状態は、［ 最後の利用者-作動化から`一過な作動化の所要時間$が経過して，そうでなくなったとき ］には， `失効-@ したものと見なされる。 これは、 `作動化を消費する$ことを通して，失効~時刻より前に有していない状態に戻り得ることに注意。 ◎ The transient activation state is considered expired if it becomes false because the transient activation duration time has elapsed since the last user activation. Note that it can become false even before the expiry time through an activation consumption.

`履歴~動作による作動化を有して@ いる （ `have history-action activation^en ） ◎ History-action activation

次が満たされることをいう ⇒ %~window の`最後の履歴~動作による作動化の時刻印$ ~NEQ %~window の`最後の作動化の時刻印$ ◎ When the last history-action activation timestamp of W is not equal to the last activation timestamp of W, then W is said to have history-action activation.

これは，利用者-作動化の特別な変種であり、 ある種の~session履歴~APIへの~accessを許容するために利用される — そのような~APIは、 何度も続けて利用された場合，利用者は`~browser~UI＠~HTMLlifecycle#nav-traversal-ui$を利用して~~後方へ辿ることが難しくなる。 これは、 有していない状態から開始して， 利用者が %~window とヤリトリしたとき有している状態になるが、 `履歴~動作による作動化を消費する$ことを通して，有していない状態に戻る。 これは、［ そのような~APIは、 利用者-作動化が介入しない限り，何度も続けて利用され得ない ］ことを確保する。 が、 `一過な作動化を有して$いるときと違って，そのような~APIを利用する際の時間~制限-は無い。 ◎ This is a special variant of user activation, used to allow access to certain session history APIs which, if used too frequently, would make it harder for the user to traverse back using browser UI. It starts with a false value, and becomes true whenever the user interacts with W, but is reset to false through history-action activation consumption. This ensures such APIs cannot be used multiple times in a row without an intervening user activation. But unlike transient activation, there is no time limit within which such APIs must be used.

注記： ［ `最後の作動化の時刻印$, `最後の履歴~動作による作動化の時刻印$ ］は、 当の`文書$が`全部的に作動中$かどうかが変化した後も維持される （例：`文書$から 他へ~navigateした後／~cacheされた`文書$へ~navigateした後）。 このことは、［ `居残な作動化を有して$いる状態は、 同じ`文書$が再利用され続ける限り，複数回の~naviにまたがる ］ことを意味する。 対して， `一過な作動化を有して$いる状態が`失効-$する時刻は、 変化しない （すなわち、 元の`作動化を誘発する入力~event$から`一過な作動化の所要時間$までに失効する）。 ある種のものが［ `居残な作動化を有して$いるか否か, `一過な作動化を有して$いるか否か ］どちらに基づくか裁定するときは、 このことを考慮することが重要になる。 ◎ The last activation timestamp and last history-action activation timestamp are retained even after the Document changes its fully active status (e.g., after navigating away from a Document, or navigating to a cached Document). This means sticky activation state spans multiple navigations as long as the same Document gets reused. For the transient activation state, the original expiry time remains unchanged (i.e., the state still expires within the transient activation duration limit from the original activation triggering input event). It is important to consider this when deciding whether to base certain things off sticky activation or transient activation.

6.4.2. 処理~model

次を満たす~eventは、 `作動化を誘発する入力~event@ とされる ⇒ ［ `isTrusted$m ~EQ ~T ］~AND［ `type$m は 次の表tの 1 列目に挙げるいずれかである ］~AND［ 同じ行の 2 列目に与える条件は満たされる ］： ◎ An activation triggering input event is any event whose isTrusted attribute is true and whose type is one of:

注記： ~page内の`閲覧~文脈$たちのうち［ `作動化を通知する$, `作動化を消費する$ ］ことにより影響されるものが成す集合は、 非対称であることに注意： 作動化を消費したときは，［ ~page内のすべての閲覧~文脈は，`一過な作動化を有して$いない状態 ］に変化するが、 作動化を通知したときは，［ それらのうち一部の閲覧~文脈に限り，`一過な作動化を有して$いる状態 ］に変化する。 ここでの消費における網羅的な資質は、 次の~~点で~~用心深い： それは、 悪意的な~siteが， （場合によっては、 `iframe$e たちが成す深い階層を悪用することにより）［ 一回の利用者-作動化に対し，`一過な作動化を消費する~API$を複数回~callする ］ことを防止する。 ◎ Note the asymmetry in the sets of browsing contexts in the page that are affected by an activation notification vs an activation consumption: an activation consumption changes (to false) the transient activation states for all browsing contexts in the page, but an activation notification changes (to true) the states for a subset of those browsing contexts. The exhaustive nature of consumption here is deliberate: it prevents malicious sites from making multiple calls to an activation consuming API from a single user activation (possibly by exploiting a deep hierarchy of iframes).

6.4.3. 利用者-作動化で通過制御される~API

利用者-作動化に依存する~APIは、 次に挙げる~levelに類別される ◎ APIs that are dependent on user activation are classified into different levels:

`居残な作動化で通過制御される~API@ ◎ Sticky activation-gated APIs

これらの~APIは、 `居残な作動化を有して$いることを要求する — なので，利用者-作動化が初めて生じるまでは、 阻止される。 ◎ These APIs require the sticky activation state to be true, so they are blocked until the very first user activation.

`一過な作動化で通過制御される~API@ ◎ Transient activation-gated APIs

これらの~APIは、 `一過な作動化を有して$いることを要求するが，`利用者-作動化を消費-$しない — なので，一過な状態が`失効-$するまでは、 一回の利用者-作動化に対し複数回の~callが許容される。 ◎ These APIs require the transient activation state to be true, but they don't consume it, so multiple calls are allowed per user activation until the transient state expires.

`一過な作動化を消費する~API@ ◎ Transient activation-consuming APIs

これらの~APIは、 `一過な作動化を有して$いることを要求することに加え、 各~callごとに`利用者-作動化を消費-$することにより， 一回の利用者-作動化に対する複数回の~callを防止する。 ◎ These APIs require the transient activation state to be true, and they consume user activation in each call to prevent multiple calls per user activation.

`履歴~動作による作動化を消費する~API@ ◎ History-action activation-consuming APIs

これらの~APIは、 `履歴~動作による作動化を有して$いることを要求することに加え、 各~callごとに`履歴~動作による作動化を消費する$ことにより， 一回の利用者-作動化に対する複数回の~callを防止する。 ◎ These APIs require the history-action activation state to be true, and they consume history-action user activation in each call to prevent multiple calls per user activation.

6.4.4. `UserActivation^I ~interface

各`~window$ %~window には、 それに `結付けられた~UserActivation@ がある — それは、 ある `UserActivation$I ~objである。 %~window の作成~時には、 %~window に`結付けられた~UserActivation$を［ %~window に`関連な~realm$内に作成される`新たな$ `UserActivation$I ~obj ］に設定するモノトスル。 ◎ Each Window has an associated UserActivation, which is a UserActivation object. Upon creation of the Window object, its associated UserActivation must be set to a new UserActivation object created in the Window object's relevant realm.

[Exposed=Window]
interface `UserActivation@I {
  readonly attribute boolean `hasBeenActive$m;
  readonly attribute boolean `isActive$m;
};

partial interface `Navigator$I {
  [SameObject] readonly attribute `UserActivation$I `userActivation$m;
};

`navigator$m.`userActivation$m.`hasBeenActive$m

当の~windowが`居残な作動化を有して$いるか否かを返す。 ◎ Returns whether the window has sticky activation.

`navigator$m.`userActivation$m.`isActive$m

当の~windowは`一過な作動化を有して$いるか否かを返す。 ◎ Returns whether the window has transient activation.

6.4.5. ~UAの自動化

この仕様は、［ ~UAを自動化する／~appを~testする ］目的で， `WEBDRIVER$r 用に次の`拡張~command$を定義する — ~UAがこの拡張~commandを~supportするのは、 任意選択である： ◎ For the purposes of user-agent automation and application testing, this specification defines the following extension command for the Web Driver specification. It is optional for a user agent to support the following extension command. [WEBDRIVER]

6.5.1. `ToggleEvent^I ~interface

[Exposed=Window]
interface `ToggleEvent@I : `Event$I {
  constructor(DOMString type, optional `ToggleEventInit$I %eventInitDict = {});
  readonly attribute DOMString `oldState$m;
  readonly attribute DOMString `newState$m;
};

dictionary `ToggleEventInit@I : `EventInit$I {
  DOMString oldState = "";
  DOMString newState = "";
};

%event.`oldState$m

［ 閉な状態から開な状態へ遷移しているときは `closed^l ／ 逆へ遷移しているときは `open^l ］に設定される。 ◎ Set to "closed" when transitioning from closed to open, or set to "open" when transitioning from open to closed.

%event.`newState$m

［ 開な状態から閉な状態へ遷移しているときは `closed^l ／ 逆へ遷移しているときは `open^l ］に設定される。 ◎ Set to "open" when transitioning from closed to open, or set to "closed" when transitioning from open to closed.

`oldState@m ／ `newState@m 属性は、 初期化~時の値を返すモノトスル。 ◎ The oldState and newState attributes must return the values they are initialized to.

`~toggle~task追跡子@ （ `toggle task tracker^en ）は、 `構造体$であり，次を挙げる`~item$sctを伴う： ◎ A toggle task tracker is a struct which has:

• `~task@tTk ⇒ `ToggleEvent$I を発火する`~task$ ◎ task • A task which fires a ToggleEvent.
• `旧-状態@tTk ⇒ `~task$tTkが発火する~eventの `oldState$m 属性用の値を表現する文字列 ◎ old state • A string which represents the task's event's value for the oldState attribute.

6.6.1. 序論

~HTML~UIは、 概して複数の対話的~widgetからなる — ~form~control, ~scroll可能な領域, ~link, ~dialog~box, ~browser~UItab, などなど。 これらの~widgetは、 あるもの（例： ~browser~UItab, ~dialog~box）が他のもの（例： ~link, ~form~control）を包含しているような，階層を形成する。 ◎ An HTML user interface typically consists of multiple interactive widgets, such as form controls, scrollable regions, links, dialog boxes, browser tabs, and so forth. These widgets form a hierarchy, with some (e.g. browser tabs, dialog boxes) containing others (e.g. links, form controls).

~keyboard~UIによるヤリトリ-時の~UIkey入力は、 ~systemから対話的~widgetの階層を経由して，`~focusされて$いる作動中な~widgetにたどり着く。 ◎ When interacting with an interface using a keyboard, key input is channeled from the system, through the hierarchy of interactive widgets, to an active widget, which is said to be focused.

~keyboard~eventは、 常に，この`~focusされて$いる要素を~targetにする。 ◎ Keyboard events are always targeted at this focused element.

6.6.2. ~data~model

所与の`~top-level辿可能$ %辿可能 は： ◎ ↓

• 次を満たすとき， `~system~focus@ を得ているとされる ⇒ %辿可能 は~OSから経由された~keyboard入力を受取れる ◎ A top-level traversable has system focus when it can receive keyboard input channeled from the operating system,＼

  このときは、 場合によっては，［ %辿可能 にて`作動中な文書$navの`子孫~navigable群$を成す ある`~navigable$ ］が そのような入力の~targetになる。 ◎ possibly targeted at one of its active document's descendant navigables.

• ~AND↓ を満たすとき， `利用者の注目@ を得ているとされる：

  • %辿可能 の`~system可視性~状態$nav ~EQ `visible^l

  • ~OR↓

    • %辿可能 は`~system~focus$を得ている
    • %辿可能 に直に関係する~UA~widgetが在って， それは~OSから経由された~keyboard入力を受取れる
  ◎ A top-level traversable has user attention when its system visibility state is "visible", and it either has system focus or user agent widgets directly related to it can receive keyboard input channeled from the operating system.

注記： `利用者の注目$は、 ~browser~UIwindowが~focusを失ったときには失われる。 一方で，`~system~focus$は、 ~browser~UIwindow内の他の~system~widget — ~URL~barなど — が~focusを得るに伴い失われることもある。 ◎ User attention is lost when a browser window loses focus, whereas system focus might also be lost to other system widgets in the browser window such as a location bar.

所与の`文書$ %文書 は、 ~AND↓ を満たすとき， `~top-level辿可能にて全部的に作動中かつ利用者の注目を得ている子孫@ であるとされる： ◎ A Document d is a fully active descendant of a top-level traversable with user attention when＼

• %文書 は、 `全部的に作動中$である ◎ d is fully active and＼
• %文書 の`~node~navigable$の`~top-level辿可能$navは、 `利用者の注目$を得ている ◎ d's node navigable's top-level traversable has user attention.

用語 `~focus可能な区画@ は、 ~UIを成す領域のうち，~keyboard入力などの~targetにもなり得るものを指す。 ［ 要素／要素の一部分／その他の~UAにより管理される領域 ］は、 ~focus可能な区画になり得る。 ◎ The term focusable area is used to refer to regions of the interface that can further become the target of such keyboard input. Focusable areas can be elements, parts of elements, or other regions managed by the user agent.

各 `~focus可能な区画$は、 `~DOM~anchor@ を持つ — それは、 `~focus可能な区画$の~DOMにおける位置を表現する `Node$I ~objである （`~focus可能な区画$自身が `Node$I であれば，それがそのまま`~DOM~anchor$になる）。 `~DOM~anchor$は、 `~focus可能な区画$を表現する~DOM~objが他にないときに， 一部の~APIにより`~focus可能な区画$の代用として利用される。 ◎ Each focusable area has a DOM anchor, which is a Node object that represents the position of the focusable area in the DOM. (When the focusable area is itself a Node, it is its own DOM anchor.) The DOM anchor is used in some APIs as a substitute for the focusable area when there is no other DOM object to represent the focusable area.

次の表tの 1 列目に、 どの~objが`~focus可能な区画$になり得るかを述べる。 対応する`~DOM~anchor$を表tの 2 列目に述べる。 ◎ The following table describes what objects can be focusable areas. The cells in the left column describe objects that can be focusable areas; the cells in the right column describe the DOM anchors for those elements. (The cells that span both columns are non-normative examples.)

注記： `~navigable容器$ %容器 （例： `iframe$e ）は `~focus可能な区画$であるが、［ %容器 の`内容~navigable$ %N ~NEQ ~NULL ］の場合，［ %容器 へ届けられる~UIkey~eventは、 %N にて`作動中な文書$nav %文書 へ~~直に届けられる ］ようになる。 類似に，`逐次的~focus~navi$においては、 %容器 は，本質的には %文書 の代役として動作するに過ぎない。 ◎ A navigable container (e.g. an iframe) is a focusable area, but key events routed to a navigable container get immediately routed to its content navigable's active document. Similarly, in sequential focus navigation a navigable container essentially acts merely as a placeholder for its content navigable's active document.

各 `文書$が `指名する被focus区画@doc は、 文書に属する`~focus可能な区画$のうち 1 つを指す【か，何も指さずに ~NULL になる】。 どの~focus可能な区画がそう指名されるかは、 この仕様の各種~algoに基づいて，時間~越しに変化する。 ◎ One focusable area in each Document is designated the focused area of the document. Which control is so designated changes over time, based on algorithms in this specification.

【 原文は，何も指さない場合ついて述べていないが、 それもあり得るらしい （ `課題 #5835＠~HTMLissue/5835$ — 場合によっては、 表示域に~fallbackするよう定義されるかもしれない）。 加えて、 ~NULL にもなり得ることは，`現在の被focus区画$tlTの定義からも要請される。 】

注記： 文書は`全部的に作動中$でなく，利用者に示されていない場合でも、 依然として，文書は`指名する被focus区画$docを持ち得る。 文書が`全部的に作動中$かどうかが変化しても、 文書が`指名する被focus区画$docは，同じまま変わらない。 ◎ Even if a document is not fully active and not shown to the user, it can still have a focused area of the document. If a document's fully active state changes, its focused area of the document will stay the same.

`~top-level辿可能$ %辿可能 の `現在の~focus鎖@tlT は、［ %辿可能 の`現在の被focus区画$tlT ~NEQ ~NULL ならば その`~focus鎖$／ ~ELSE_ 空~list ］とする。 ◎ The current focus chain of a top-level traversable traversable is the focus chain of the currently focused area of traversable, if traversable is non-null, or an empty list otherwise.

`現在の被focus区画$tlTの`~DOM~anchor$である要素は、 `~focusされて@ いるという。 そうでない要素がそうなることを，要素は `~focusを獲得した@ という。 ◎ An element that is the DOM anchor of a focusable area is said to gain focus when that focusable area becomes the currently focused area of a top-level traversable. When an element is the DOM anchor of a focusable area of the currently focused area of a top-level traversable, it is focused.

`~focus可能な区画$である すべての要素は、 `~focus可能@ であるという。 ◎ All elements that are focusable areas are said to be focusable.

【 `~focus可能な区画$の`~DOM~anchor$も この定義に含まれるのかどうか，はっきりしないが、 “要素が`~focusされて$いる” の意味論に従うなら，含まれるように思われる。 】

`~focus可能な区画$には、 次に挙げる特別な~focus能を有する種別もある： ◎ There are two special types of focusability for focusable areas:

• `逐次的に~focus可能@ ⇒ ［ `~focus可能な区画$であって， それが属する`文書$の`逐次的~focus~navi順序$に含まれているもの ］のうち，~UAが［ 逐次的に~focus可能である ］と決定したもの。 ◎ A focusable area is said to be sequentially focusable if it is included in its Document's sequential focus navigation order and the user agent determines that it is sequentially focusable.
• `~clickで~focus可能@ ⇒ `~focus可能な区画$のうち，~UAが［ ~clickで~focus可能である ］と決定したもの。 ~UAは、 ~focus可能な区画のうち［ `~tabindex値$ ~NEQ ~NULL ］なるものは，~clickで~focus可能と見なすベキである。 ◎ A focusable area is said to be click focusable if the user agent determines that it is click focusable. User agents should consider focusable areas with non-null tabindex values to be click focusable.

注記： `~focus可能$でない要素は、 `~focus可能な区画$にならないので， `逐次的に~focus可能$にも`~clickで~focus可能$にもならない。 ◎ Elements which are not focusable are not focusable areas, and thus not sequentially focusable and not click focusable.

注記： ~focusすることは、 `作動化の挙動$ではないことに注意 — すなわち、 要素に対し［ `click()$m ~methodを~callしても／ 合成な `click$et ~eventを配送しても ］要素が~focusを得ることはない。 ◎ Note that focusing is not an activation behavior, i.e. calling the click() method on an element or dispatching a synthetic click event on it won't cause the element to get focused.

各`~focus~navi視野の所有者$は、 `~focus~navi視野@ を持つ — それは，要素たちが成す~listであり、 その内容は，次に従って決定される： ◎ Each focus navigation scope owner has a focus navigation scope, which is a list of elements. Its contents are determined as follows:

• 先ず，所与の要素 %要素 に `結付けられた~focus~navi所有者@ は、 次の~algoで決定される［ ~NULL ／ `~focus~navi視野の所有者$ ］になる： ◎ Every element element has an associated focus navigation owner, which is either null or a focus navigation scope owner. It is determined by the following algorithm:

  1. %親 ~LET %要素 の親 ◎ ↓
  2. ~IF［ %親 ~EQ ~NULL ］ ⇒ ~RET ~NULL ◎ If element's parent is null, then return null.
  3. ~IF［ %親 は`~shadow~host$である ］ ⇒ ~RET %要素 の`割当-先~slot$ ◎ If element's parent is a shadow host, then return element's assigned slot.
  4. ~IF［ %親 は`~shadow根$である ］ ⇒ ~RET %親 の`~host$ ◎ If element's parent is a shadow root, then return the parent's host.
  5. ~IF［ %親 は`文書~要素$である ］ ⇒ ~RET %親 の`~node文書$ ◎ If element's parent is the document element, then return the parent's node document.
  6. ~IF［ %要素 は`~HTML要素$である ］~AND［ %要素 の`~popover可視性~状態$ ~EQ `示している$i ］~AND［ %要素 の`~popover呼出元$el ~NEQ ~NULL ］ ⇒ ~RET %要素 ◎ If element is in the popover showing state and has a popover invoker set, then return element.
  7. ~RET %親 に`結付けられた~focus~navi所有者$ ◎ Return element's parent's associated focus navigation owner.
• 所与の`~focus~navi視野の所有者$ %所有者 の`~focus~navi視野$は、 次を満たす要素からなる ⇒ それに`結付けられた~focus~navi所有者$ ~EQ %所有者 ◎ Then, the contents of a given focus navigation scope owner owner's focus navigation scope are all elements whose associated focus navigation owner is owner.

注記： `~focus~navi視野$の中における要素の順序は、 この仕様~のどの~algoにも影響iしない。 順序付けが重要になるのは、 下に定義する［ `~tabindex順な~focus~navi視野$／ `平坦~化された~tabindex順な~focus~navi視野$ ］の概念に限られる。 ◎ The order of elements within a focus navigation scope does not impact any of the algorithms in this specification. Ordering only becomes important for the tabindex-ordered focus navigation scope and flattened tabindex-ordered focus navigation scope concepts defined below.

各`~focus~navi視野の所有者$ %所有者 は、 `~tabindex順な~focus~navi視野@ を持つ。 それは，［ `~focus可能な区画$, `~focus~navi視野の所有者$ ］たちが成す`~list$であり、 その内容は，次に従って決定される： ◎ A tabindex-ordered focus navigation scope is a list of focusable areas and focus navigation scope owners. Every focus navigation scope owner owner has tabindex-ordered focus navigation scope, whose contents are determined as follows:

• 次を満たす すべての要素を包含する ⇒ ［ 要素 ~IN %所有者 の`~focus~navi視野$ ］~AND［ `~focus~navi視野の所有者$である ］~AND［ その`~tabindex値$は負な整数でない ］ ◎ It contains all elements in owner's focus navigation scope that are themselves focus navigation scope owners, except the elements whose tabindex value is a negative integer.
• 次を満たす すべての`~focus可能な区画$を包含する ⇒ ［ その`~DOM~anchor$ ~IN %所有者 の`~focus~navi視野$ ］~AND［ その`~tabindex値$は負な整数でない ］ ◎ It contains all of the focusable areas whose DOM anchor is an element in owner's focus navigation scope, except the focusable areas whose tabindex value is a negative integer.

`~tabindex順な~focus~navi視野$の中における順序は、 以下の節に述べるように，各~要素の`~tabindex値$により決定される。 ◎ The order within a tabindex-ordered focus navigation scope is determined by each element's tabindex value, as described in the section below.

注記： そこに与える規則は、 ほとんどが “ベキである” 言明による相対-順序付けで構成されているので， 精確な順序付けは与えない。 ◎ The rules there do not give a precise ordering, as they are composed mostly of "should" statements and relative orderings.

6.6.3. `tabindex^a 属性

`tabindex@a 内容~属性は、［ 要素, および それを`~DOM~anchor$とする`~focus可能な区画$ ］を`~focus可能な区画$にすること, その場合に［ `逐次的に~focus可能$になるのを［ 許容する／防止する ］こと ］を，作者に許容する。 加えて、 `逐次的~focus~navi$における それらの相対-順序付けを決定する。 ◎ The tabindex content attribute allows authors to make an element and regions that have the element as its DOM anchor be focusable areas, allow or prevent them from being sequentially focusable, and determine their relative ordering for sequential focus navigation.

“tab index” という名称は、 一連の~focus可能な要素を~navigateするときに， `Tab^Key ~UIkeyが共通的に利用されることに~~由来する。 語 “`tabbing^en” とは、 逐次的~focus~naviを利用して到達し得る［ `逐次的に~focus可能$な`~focus可能な区画$ ］を，前方へ辿ることを指す。 ◎ The name "tab index" comes from the common use of the Tab key to navigate through the focusable elements. The term "tabbing" refers to moving forward through sequentially focusable focusable areas.

`tabindex$a 属性に指定される値は、 `妥当な整数$でなければナラナイ。 正な整数は、 要素の`~focus可能な区画$の［ `逐次的~focus~navi順序$における位置 ］を指定する。 負な整数は、 当の~controlは`逐次的に~focus可能$にしないことを指示する。 ◎ The tabindex attribute, if specified, must have a value that is a valid integer. Positive numbers specify the relative position of the element's focusable areas in the sequential focus navigation order, and negative numbers indicate that the control is not sequentially focusable.

開発者は、 `tabindex$a 属性に対する 0, −1 以外の値は注意して利用するベキである — 正しく利用するのは複雑なので。 ◎ Developers should use caution when using values other than 0 or −1 for their tabindex attributes as this is complicated to do correctly.

所与の要素の `~tabindex値@ は、［ 要素は `tabindex$a 属性 %A を有する ］~AND［ `整数として構文解析する$( %A の値 ) ~NEQ `失敗^i ］ならば その結果 ／ ~ELSE_ ~NULL ］とする。 ◎ The tabindex value of an element is the value of its tabindex attribute, parsed using the rules for parsing integers. If parsing fails or the attribute is not specified, then the tabindex value is null.

所与の`~focus可能な区画$の`~tabindex値$は、 その`~DOM~anchor$の`~tabindex値$とする。 ◎ The tabindex value of a focusable area is the tabindex value of its DOM anchor.

要素の`~tabindex値$は、 次に従って解釈するモノトスル： ◎ The tabindex value of an element must be interpreted as follows:

• `~tabindex値$ ~EQ ~NULL の場合： ◎ If the value is null

  • ~UAは、 ~platform規約に従って，次を決定するベキである ⇒ 要素は`~focus可能な区画$であると見なすベキかどうか — そうであれば ⇒ ［ 要素, および それを`~DOM~anchor$とする`~focus可能な区画$ ］は`逐次的に~focus可能$になるかどうか — そうであれば ⇒ それらは、 `~tabindex順な~focus~navi視野$において どこに位置するか？ ◎ The user agent should follow platform conventions to determine if the element should be considered as a focusable area and if so, whether the element and any focusable areas that have the element as their DOM anchor are sequentially focusable, and if so, what their relative position in their tabindex-ordered focus navigation scope is to be.＼
  • 要素は`~focus~navi視野の所有者$である場合、 `~focus可能な区画$でない場合でも， 自身の`~tabindex順な~focus~navi視野$には含めるモノトスル。 ◎ If the element is a focus navigation scope owner, it must be included in its tabindex-ordered focus navigation scope even if it is not a focusable area.
  • 同じ`~focus~navi視野$に属する［ 要素, `~focus可能な区画$ ］のうち［ `~tabindex値$ ~EQ ~NULL ］なるものたちの［ `~tabindex順な~focus~navi視野$の中での順序 ］は、 `~shadowも含めた~tree順序$に従うベキである。 ◎ The relative ordering within a tabindex-ordered focus navigation scope for elements and focusable areas that belong to the same focus navigation scope and whose tabindex value is null should be in shadow-including tree order.

  • ~platform規約の違いを除き、 次に挙げる要素は［ `~focus可能な区画$と見なされ，`逐次的に~focus可能$である ］ベキであることが示唆される： ◎ Modulo platform conventions, it is suggested that the following elements should be considered as focusable areas and be sequentially focusable:

    • `a$e 要素のうち， `href$a 属性を有するもの ◎ a elements that have an href attribute
    • `button$e 要素 ◎ button elements
    • `input$e 要素のうち，［ その `type$a 属性の状態 ~NEQ `Hidden$st ］なるもの ◎ input elements whose type attribute are not in the Hidden state
    • `select$e 要素 ◎ select elements
    • `textarea$e 要素 ◎ textarea elements
    • `details$e 要素の子である `summary$e 要素のうち，最初のもの ◎ summary elements that are the first summary element child of a details element
    • `draggable$a 属性を有する要素のうち、 ~UAが［ 利用者が~pointing装置を利用することなく，その要素~用の~drag操作oを始める ］ことを可能化するもの。 ◎ Elements with a draggable attribute set, if that would enable the user agent to allow the user to begin drag operations for those elements without the use of a pointing device
    • `編集中の~host$ ◎ Editing hosts
    • `~navigable容器$ ◎ Navigable containers

• `~tabindex値$ ~NEQ ~NULL の場合、 要素を`~focus可能な区画$と見なすモノトスル。 加えて： ◎ ↓

  • `~tabindex値$ ~LT 0 の場合、 要素を`~tabindex順な~focus~navi視野$からは外すベキである。 ◎ If the value is a negative integer ◎ The user agent must consider the element as a focusable area, but should omit the element from any tabindex-ordered focus navigation scope.

    注記： ［ 要素を逐次的~focus~naviから外すとする，作者からの要件 ］を無視する妥当な理由としては、［ 利用者が~focusを移動する仕組みが，逐次的~focus~naviの他にない場合 ］が挙げられる。 一例として、［ ~keyboardのみの利用者は、 負な `tabindex$a を伴う~text~controlを~clickできない ］ので，［ 利用者が~tab~UIkeyで当の~controlへ移動する ］ことを~UAが許容することは正当化される。 ◎ One valid reason to ignore the requirement that sequential focus navigation not allow the author to lead to the element would be if the user's only mechanism for moving the focus is sequential focus navigation. For instance, a keyboard-only user would be unable to click on a text control with a negative tabindex, so that user's user agent would be well justified in allowing the user to tab to the control regardless.

  • `~tabindex値$ ~GTE 0 の場合、［ 要素, それを`~DOM~anchor$とする`~focus可能な区画$ ］は`逐次的に~focus可能$にするベキである。 ◎ If the value is a zero ◎ The user agent must allow the element to be considered as a focusable area and should allow the element and any focusable areas that have the element as their DOM anchor to be sequentially focusable. ◎ ↓↓The relative ordering within a tabindex-ordered focus navigation scope for elements and focusable areas that belong to the same focus navigation scope and whose tabindex value is zero should be in shadow-including tree order. ◎ If the value is greater than zero ◎ The user agent must allow the element to be considered as a focusable area and should allow the element and any focusable areas that have the element as their DOM anchor to be sequentially focusable,＼

• 同じ`~focus~navi視野$に属する［ 要素, `~focus可能な区画$ ］たちの［ `~tabindex順な~focus~navi視野$の中での順序 ］は、 以下に従うベキである：

  • ［ `~tabindex値$ ~GT 0 ］を満たすものは、 他のものより先にする。
  • ［ `~tabindex値$ ~GT 0 ］を満たすものどうしの順序は、 `~tabindex値$の昇順にする（値が小さいものが先）。
  • ［ `~tabindex値$ ~GTE 0 ］を満たすもののうち`~tabindex値$が同じものどうしの順序は、 `~DOM~anchor$の`~shadowも含めた~tree順序$に従う。

  【 `~tabindex値$が［ 負なものどうし／ 負なものと 0 のもの ］の順序は、 定義されていない （元々、`~tabindex順な~focus~navi視野$からは外す “ベキ” とされている）。 同じ`~DOM~anchor$を共有するものどうしの順序も、 定義されていない。 】

  ◎ and should place the element — referenced as candidate below — and the aforementioned focusable areas in the tabindex-ordered focus navigation scope where the element is a part of so that, relative to other elements and focusable areas that belong to the same focus navigation scope, they are: ◎ before any focusable area whose DOM anchor is an element whose tabindex attribute has been omitted or whose value, when parsed, returns an error, ◎ before any focusable area whose DOM anchor is an element whose tabindex attribute has a value less than or equal to zero, ◎ after any focusable area whose DOM anchor is an element whose tabindex attribute has a value greater than zero but less than the value of the tabindex attribute on candidate, ◎ after any focusable area whose DOM anchor is an element whose tabindex attribute has a value equal to the value of the tabindex attribute on candidate but that is located earlier than candidate in shadow-including tree order, ◎ before any focusable area whose DOM anchor is an element whose tabindex attribute has a value equal to the value of the tabindex attribute on candidate but that is located later than candidate in shadow-including tree order, and ◎ before any focusable area whose DOM anchor is an element whose tabindex attribute has a value greater than the value of the tabindex attribute on candidate.

`tabIndex@m ~IDL属性は、 `tabindex$a 内容~属性の値を`反映する$モノトスル。 その`既定の値$は、［ 次に挙げる要素においては 0 ／ ~ELSE_ −1 ］とする ⇒＃ `area$e, `button$e, `frame$e, `iframe$e, `input$e, `object$e, `select$e, `textarea$e, ~SVG `a＠~SVGlinking#elementdef-a$e, `親~details用の~summary$ ◎ The tabIndex IDL attribute must reflect the value of the tabindex content attribute.＼ The default value is 0 if the element is an a, area, button, frame, iframe, input, object, select, textarea, or SVG a element, or is a summary element that is a summary for its parent details. The default value is −1 otherwise.

注記： 要素~型に応じて既定の値が変わるのは、 歴史的な遺物である。 ◎ The varying default value based on element type is a historical artifact.

6.6.4. 処理~model

注記： `~objを~unfocusする$ことにより，常に~focusが変更されるとは限らない — `現在の被focus区画$tlTに適用されるときであっても。 例えば， `現在の被focus区画$tlTは`表示域$である場合、 通例的には，［ `~objを~focusする$ことにより，別の`~focus可能な区画$が明示的に~focusされる ］までは［ その~focusを保つ ］ことになる。 ◎ The unfocusing steps do not always result in the focus changing, even when applied to the currently focused area of a top-level traversable. For example, if the currently focused area of a top-level traversable is a viewport, then it will usually keep its focus regardless until another focusable area is explicitly focused with the focusing steps.

6.6.5. 逐次的~focus~navi

所与の`文書$に属する`~focus可能な区画$のうち いくつかは， `逐次的~focus~navi順序@ により順序付けられる： ◎ Each Document has a sequential focus navigation order, which orders some or all of the focusable areas in the Document relative to each other.＼

• その内容と順序付けは、 当の文書の`平坦~化された~tabindex順な~focus~navi視野$により与えられる。 ◎ Its contents and ordering are given by the flattened tabindex-ordered focus navigation scope of the Document.

  `平坦~化された~tabindex順な~focus~navi視野$を定義している規則から、 この順序付けは，当の文書の`~tree順序$に関係するとは限らない。 ◎ Per the rules defining the flattened tabindex-ordered focus navigation scope, the ordering is not necessarily related to the tree order of the Document.

• この順序から外された`~focus可能な区画$は、 `逐次的~focus~navi$を介しては到達-可能でなくなる。 ◎ If a focusable area is omitted from the sequential focus navigation order of its Document, then it is unreachable via sequential focus navigation.

逐次的~focus~naviには `逐次的~focus~naviの始点@ もある。 それは、 初期~時には ε （未設定）とする。 ~UAは、 利用者がそれを移動すべく指示したときに，この始点を設定してもヨイ。 ◎ There can also be a sequential focus navigation starting point. It is initially unset. The user agent may set it when the user indicates that it should be moved.

例えば~UAは、 利用者が文書の内容を~clickしたときに， その~click位置に設定することもできる。 ◎ For example, the user agent could set it to the position of the user's click if the user clicks on the document contents.

注記： ~UAには、 `素片へ~navigateする$ときには， `逐次的~focus~naviの始点$を`~target要素$に設定することが要求される。 ◎ User agents are required to set the sequential focus navigation starting point to the target element when navigating to a fragment.

6.6.6. ~focus管理~API

dictionary `FocusOptions@I {
  boolean `preventScroll$m = false;
  boolean `focusVisible$m;
};

%documentOrShadowRoot.`activeElement$m

文書~内の要素のうち，~UIkey~eventが［ それを経て／それに向けて ］届けられることになるような，最も深い要素を返す。 これは概ね、 文書~内の~focusされた要素になる。 ◎ Returns the deepest element in the document through which or to which key events are being routed. This is, roughly speaking, the focused element in the document.

この~APIの目的においては、 `子~navigable$が~focusされるときには，その`容器$navが`親$navにて`作動中な文書$navの中で`~focusされる＠#bc-focus-ergo-bcc-focus$。 例えば，利用者が~focusを `iframe$e 内のある~text~controlに移動したとき、 その `iframe$e が，その`~node文書$の `activeElement$m から返される要素になる。 ◎ For the purposes of this API, when a child navigable is focused, its container is focused within its parent's active document. For example, if the user moves the focus to a text control in an iframe, the iframe is the element returned by the activeElement API in the iframe's node document.

類似に，~focusされた要素が %documentOrShadowRoot とは異なる`~node~tree$内にある場合、 返される要素は，［ %documentOrShadowRoot は~focusされた要素の`~shadowも含めた広義-先祖$であるならば %documentOrShadowRoot と同じ`~node~tree$内に所在する`~host$ ／ ~ELSE_ ~NULL ］になる。 ◎ Similarly, when the focused element is in a different node tree than documentOrShadowRoot, the element returned will be the host that's located in the same node tree as documentOrShadowRoot if documentOrShadowRoot is a shadow-including inclusive ancestor of the focused element, and null if not.

%document.`hasFocus()$m

~UIkey~eventは［ %document へ, または %document を経て ］届けられているならば ~T を返す。 ~ELSE_ ~F を返す。 これは概ね、 ~focusされている［ 当の文書, または その内側に入子にされている文書 ］に対応する。 ◎ Returns true if key events are being routed through or to the document; otherwise, returns false. Roughly speaking, this corresponds to the document, or a document nested inside this one, being focused.

%window.`focus()$m

~focusを %window に`対応する~navigable$（もしあれば）へ移動させる。 ◎ Moves the focus to the window's navigable, if any.

%element.`focus$mE([ { `preventScroll$m: true } ])

~focusを %element へ移動させる。 ◎ Moves the focus to the element.

要素が`~navigable容器$である場合、 ~focusは，代わりに 要素の`内容~navigable$へ移動される。 ◎ If the element is a navigable container, moves the focus to its content navigable instead.

既定では、 この~methodはまた，要素を~viewの中へ~scrollする。 `preventScroll$m ~optionを供して ~T に設定すれば、 この挙動は防止される。 ◎ By default, this method also scrolls the element into view. Providing the preventScroll option and setting it to true prevents this behavior.

%element.`blur()$mE

~focusを`表示域$へ移動させる。 この~methodは、 利用しないことが奨励される。 `表示域$を~focusしたければ、 `文書$の`文書~要素$上で， `focus()$mE ~methodを~callすること。 ◎ Moves the focus to the viewport. Use of this method is discouraged; if you want to focus the viewport, call the focus() method on the Document's document element.

~focus環が目障りであっても、 ~focus環を隠すためにこの~methodを利用しないこと。 代わりに、 `focus-visible$ps 疑似類を利用して `outline$p ~prop（外形線）を上書きした上で， ~focusされる要素を示すような他の仕方を供すること。 そのような代替な~focus時の~styleを可用にできなかった場合、［ ~keyboardを首に利用して~pageを~navigateしている者や， ~navigateし易くするため~focus外形線を利用している弱視者 ］にとっては，~pageの使い勝手がすこぶる悪くなることに留意すること。 ◎ Do not use this method to hide the focus ring if you find the focus ring unsightly. Instead, use the :focus-visible pseudo-class to override the 'outline' property, and provide a different way to show what element is focused. Be aware that if an alternative focusing style isn't made available, the page will be significantly less usable for people who primarily navigate pages using a keyboard, or those with reduced vision who use focus outlines to help them navigate the page.

例えば、 `textarea$e 要素の外形線を隠す代わりに，黄色な背景を利用して~focusを指示したければ、 次も利用できる： ◎ For example, to hide the outline from textarea elements and instead use a yellow background to indicate focus, you could use:

textarea:focus-visible { outline: none; background: yellow; color: black; }

6.6.7. `autofocus^a 属性

`autofocus@a 内容~属性は、［ ~pageが読込まれたとき，ただちに要素を~focusする ］よう指示することを作者に許容する — それは、［ 当の要素に手動で~focusせずに，打込みを開始する ］ことを利用者に許容する。 ◎ The autofocus content attribute allows the author to indicate that an element is to be focused as soon as the page is loaded, allowing the user to just start typing without having to manually focus the main element.

`autofocus$a 属性が［ `dialog$e 要素／ `~popover要素$ ］ %先祖 の内側にある要素 %要素 に指定された場合、 %要素 は， %先祖 が示されるようになったとき~focusされることになる。 ◎ When the autofocus attribute is specified on an element inside dialog elements or HTML elements whose popover attribute is set, then it will be focused when the dialog or popover becomes shown.

`autofocus$a 属性は、 `真偽-属性$である。 ◎ The autofocus attribute is a boolean attribute.

`自動focus根$が同じになる複数の要素が， `autofocus$a 属性を有していてはナラナイ。 ◎ There must not be two elements with the same nearest ancestor autofocus scoping root element that both have the autofocus attribute specified.

注記： 要素を~focusするとき、 ~UAは，当の~browser~UIwindowを — それが【~OSにおいて】~focusを失っていた場合に — ~focusする必要があるわけでない。 ◎ Focusing the element does not imply that the user agent has to focus the browser window if it has lost focus.

`autofocus@m ~IDL属性は、 `autofocus$a 内容~属性を`反映する$モノトスル。 ◎ The autofocus IDL attribute must reflect the content attribute of the same name.

6.7.1. 序論

［ 作動化-／~focus ］され得る各~要素には、 `accesskey$a 属性を利用して，それを作動化させる単独の~UIkey組合nをアテガえる。 ◎ Each element that can be activated or focused can be assigned a single key combination to activate it, using the accesskey attribute.

正確な~shortcutは、 `accesskey$a 属性から供される情報を基に，利用者の~keyboardについての情報 — ［ ~platform上にすでに存在する ／ ~page上で他に指定されている ］~shortcutなど — に基づいて、 ~UAにより決定される ◎ The exact shortcut is determined by the user agent, based on information about the user's keyboard, what keyboard shortcuts already exist on the platform, and what other shortcuts have been specified on the page, using the information provided in the accesskey attribute as a guide.

`accesskey$a 属性~内にいくつもの代替を供すれば、 作者は，［ 多様な入力~装置にわたり，関連な~keyboard~shortcutが可用になる ］ことを確保できる。 ◎ In order to ensure that a relevant keyboard shortcut is available on a wide variety of input devices, the author can provide a number of alternatives in the accesskey attribute.

各~代替は、 普通字や数字などの単独の文字からなる。 ◎ Each alternative consists of a single character, such as a letter or digit.

~UAは，~keyboard~shortcutの~listを利用者に供せるが、 作者も，そうすることが奨励される。 `accessKeyLabel$m ~IDL属性は、 ~UAが実際にアテガった~UIkey組合nを表現している文字列を返す。 ◎ User agents can provide users with a list of the keyboard shortcuts, but authors are encouraged to do so also. The accessKeyLabel IDL attribute returns a string representing the actual key combination assigned by the user agent.

function addShortcutKeyLabel(%button) {
  if (%button.accessKeyLabel != '')
    %button.value += ' (' + %button.accessKeyLabel + ')';
}
addShortcutKeyLabel(document.getElementById('c'));

6.7.2. `accesskey^a 属性

`accesskey$a 内容~属性は、 すべての`~HTML要素$に設定できる。 この属性の値は、 要素を［ 作動化する／~focusする ］ための~keyboard~shortcutを作成する基になる情報として，~UAにより利用される。 ◎ All HTML elements may have the accesskey content attribute set. The accesskey attribute's value is used by the user agent as a guide for creating a keyboard shortcut that activates or focuses the element.

この属性に指定する値は、 `~space等で分離された~token集合$（一意, 有順序）であって、 各~tokenは，正確に 1 個の符号位置でなければナラナイ。 ◎ If specified, the value must be an ordered set of unique space-separated tokens none of which are identical to another token and each of which must be exactly one code point in length.

<input type=submit accesskey="N @ 1" value="Compose">
...
<script>
 function labelButton(%button) {
   if (%button.accessKeyLabel)
     %button.value += ' (' + %button.accessKeyLabel + ')';
 }
 var %inputs = document.getElementsByTagName('input');
 for (var %i = 0; %i < %inputs.length; %i += 1) {
   if (%inputs[%i].type == "submit")
     labelButton(%inputs[%i]);
 }
</script>

6.7.3. 処理~model

要素に `アテガわれた~access~UIkey@ とは、 要素の `accesskey$a 内容~属性から導出される~UIkey組合nである — 初期~時には、 どのような~access~UIkeyもアテガわれないモノトスル。 ◎ An element's assigned access key is a key combination derived from the element's accesskey content attribute. Initially, an element must not have an assigned access key.

要素~用に~access~UIkeyを選択してアテガった~UAは、［ 要素の `accesskey$a 内容~属性が変更されるか，要素が別の`文書$へ移動される ］までは，要素に`アテガわれた~access~UIkey$を変更するベキでない。 ◎ Once a user agent has selected and assigned an access key for an element, the user agent should not change the element's assigned access key unless the accesskey content attribute is changed or the element is moved to another Document.

注記： ~UAは、 `accesskey$a 属性を有する要素を，他の仕方で — 例えば，特定の~UIkey組合nに呼応して表示される~menu内に — `公開することもある＠~HEinteractive#expose-commands-in-ui$。 ◎ User agents might expose elements that have an accesskey attribute in other ways as well, e.g. in a menu displayed in response to a specific key combination.

`accessKey@m ~IDL属性は、 `accesskey$a 内容~属性を`反映する$モノトスル。 ◎ The accessKey IDL attribute must reflect the accesskey content attribute.

6.8.1. 文書の領域を編集-可能にする： `contenteditable^a 属性

interface mixin `ElementContentEditable@I {
  [`CEReactions$] attribute DOMString `contentEditable$m;
  [`CEReactions$] attribute DOMString `enterKeyHint$m;
  readonly attribute boolean `isContentEditable$m;
  [`CEReactions$] attribute DOMString `inputMode$m;
};

`contenteditable@a 内容~属性は，`列挙d属性$であり、 次に挙げる~keyword, とり得る状態, それらの対応付けが定義される： ◎ The contenteditable content attribute is an enumerated attribute with the following keywords and states:

%element.`contentEditable$m [ = %value ]

`contenteditable$a 属性の状態に基づいて，次に挙げるいずれかを返す ⇒＃ `true^l, `plaintext-only^l, `false^l, `inherit^l ◎ Returns "true", "plaintext-only", "false", or "inherit", based on the state of the contenteditable attribute.

設定して，その状態を変更できる — 新たな値が，上に挙げたどの文字列でもない場合、 `SyntaxError$E 例外が投出される。 ◎ Can be set, to change that state. ◎ Throws a "SyntaxError" DOMException if the new value isn't one of those strings.

%element.`isContentEditable$m

当の要素は編集-可能ならば ~T ／ ~ELSE_ ~F を返す。 ◎ Returns true if the element is editable; otherwise, returns false.

6.8.2. 文書~全体を編集-可能にする： `designMode^m の取得子と設定子

%document.`designMode$m [ = %value ]

文書は［ 編集-可能ならば `on^l ／ ~ELSE_ `off^l ］返す。 ◎ Returns "on" if the document is editable, and "off" if it isn't.

設定して文書の現在の状態を変更できる。 これは、 文書を~focusした上で，文書~内の選択を設定し直す。 ◎ Can be set, to change the document's current state. This focuses the document and resets the selection in that document.

各 `文書$には，真偽値をとる `~design~modeは可能化されるか@ が結付けられ、 初期~時には ~F をとるとする。 ◎ Document objects have an associated design mode enabled, which is a boolean. It is initially false.

6.8.3. ~page編集者による最善な実施

作者には、［ `編集中の~host$, および 編集-用の仕組みを通して作成された~markup ］上の `white-space$p ~propを値 `pre-wrap^v に設定することが奨励される。 ~HTMLにおける空白に対する既定の取扱いは， WYSIWYG 編集には不向きであり、 `white-space$p が既定~値のままだと， 一部のきわどい事例では，行lの折返ngが正しく働かなくなる。 ◎ Authors are encouraged to set the 'white-space' property on editing hosts and on markup that was originally created through these editing mechanisms to the value 'pre-wrap'. Default HTML whitespace handling is not well suited to WYSIWYG editing, and line wrapping will not work correctly in some corner cases if 'white-space' is left at its default value.

6.8.4. 編集~API

`編集中の~host@ とは、 ~OR↓ を満たす`~HTML要素$である： ◎ An editing host is either＼

• `contenteditable$a 属性の状態 ~IN { `~T$st, `素な~textのみ$st } ◎ an HTML element with its contenteditable attribute in the true state or plaintext-only state, or＼
• 次を満たす`文書$の`子$である ⇒ `~design~modeは可能化されるか$ ~EQ ~T ◎ a child HTML element of a Document whose design mode enabled is true.

6.8.5. 綴りや文法の検査ng： `spellcheck^a 属性

~UAは、［ ~form~control（ `textarea$e 要素の値など）や, `編集中の~host$内の要素（例： `contenteditable$a を利用して） ］内の編集-可能な~textに対する綴りや文法の検査ngを~supportできる。 ◎ User agents can support the checking of spelling and grammar of editable text, either in form controls (such as the value of textarea elements), or in elements in an editing host (e.g. using contenteditable).

~UAは、 各~要素に対し，［ 既定のもの, または利用者が表出した選好 ］を通して、 `既定の挙動@ を確立するモノトスル。 各~要素~用にアリな`既定の挙動$には、 次の 3 種がある： ◎ For each element, user agents must establish a default behavior, either through defaults or through preferences expressed by the user. There are three possible default behaviors for each element:

`既定では~T@i ◎ true-by-default

要素の内容の綴りや文法は、［ その内容が編集-可能であって， その検査ngは `spellcheck$a 属性を通して明示的に不能化されていない ］ならば，検査される。 ◎ The element will be checked for spelling and grammar if its contents are editable and spellchecking is not explicitly disabled through the spellcheck attribute.

`既定では~F@i ◎ false-by-default

要素の綴りや文法は、 `spellcheck$a 属性を通して明示的に可能化されていない限り， 決して検査されない。 ◎ The element will never be checked for spelling and grammar unless spellchecking is explicitly enabled through the spellcheck attribute.

`既定では継承する@i ◎ inherit-by-default

要素の既定の挙動は、 その親~要素のそれと同じになる。 親~要素が無い場合、 既定の挙動は無い。 ◎ The element's default behavior is the same as its parent element's. Elements that have no parent element cannot have this as their default behavior.

`spellcheck@a 属性は，`列挙d属性$であり、 次に挙げる~keyword, とり得る状態, それらの対応付けが定義される： ◎ The spellcheck attribute is an enumerated attribute with the following keywords and states:

%element.`spellcheck$m [ = %value ]

要素の綴りや文法が検査されるならば ~T ／ ~ELSE_ ~F を返す。 ◎ Returns true if the element is to have its spelling and grammar checked; otherwise, returns false.

設定して、 既定の挙動を上書きしつつ， `spellcheck$a 内容~属性を設定できる。 ◎ Can be set, to override the default and set the spellcheck content attribute.

この特能の目的においては： ◎ User agents should only consider the following pieces of text as checkable for the purposes of this feature:

• 検査-可能な~textは、 次に挙げる~text片に限るベキである： ◎ ↑

  • ［ ~AND↓ を満たす `input$e 要素 ］の`値$fe：

    • `type$a 属性の状態 ~IN { `Text$st, `Search$st, `Url$st, `Email$st }
    • `変異-可能$fe （すなわち、 `readonly$a 属性は有さない, かつ`不能化されて$feいない）
    ◎ The value of input elements whose type attributes are in the Text, Search, URL, or Email states and that are mutable (i.e. that do not have the readonly attribute specified and that are not disabled).

  • ［ ~AND↓ を満たす `textarea$e 要素 ］の`値$fe：

    • `~readonly0$a 属性は有さない
    • `不能化されて$feいない
    ◎ The value of textarea elements that do not have a readonly attribute and that are not disabled.
  • ［ `編集中の~host$ ／ `編集-可能$な要素 ］の子である `Text$I ~node内の~text。 ◎ Text in Text nodes that are children of editing hosts or editable elements.
  • `編集-可能$な要素の属性~内の~text。 ◎ Text in attributes of editable elements.

• 所与の~textが属するとされる要素は、 次で与えられる：

  • `Text$I ~nodeの一部を成す~textに対しては、［ 単語, 一文, その他の~text片 ］の最初の文字の直の親である要素。
  • 属性~内の~textに対しては、 当の属性を有している要素。
  • ［ `input$e ／ `textarea$e ］要素の値に対しては、 要素~自身。
  ◎ For text that is part of a Text node, the element with which the text is associated is the element that is the immediate parent of the first character of the word, sentence, or other piece of text. For text in attributes, it is the attribute's element. For the values of input and textarea elements, it is the element itself.

単語や一文などの~textに対する検査ngが可能化されている場合、 ~UAは，その~text内に綴りや文法の誤りがあれば それを指示するベキである。 ~UAは、 綴りや文法の訂正を示唆するときには，文書~内に所与の他の意味論も織り込むベキである — これには、次が含まれる： ◎ If the checking is enabled for a word/sentence/text, the user agent should indicate spelling and grammar errors in that text. User agents should take into account the other semantics given in the document when suggesting spelling and grammar corrections.＼

• 綴りや文法に利用する規則を、 要素に指定されている自然言語や, 利用者が選好している自然言語~設定群から決定してもヨイ。 ◎ User agents may use the language of the element to determine what spelling and grammar rules to use, or may use the user's preferred language settings.＼
• アリな所では、 `pattern$a などの `input$e 要素~属性を利用して， 結果の値が妥当になることを確保するベキである。 ◎ UAs should use input element attributes such as pattern to ensure that the resulting value is valid, where possible.

検査ngが不能化されている場合、 ~UAは，その~textに対する綴りや文法の誤りを指示するベキでない。 ◎ If checking is disabled, the user agent should not indicate spelling or grammar errors for that text.

注記： この仕様は、 綴りや文法~検査器~用の~UIは定義しない。 例えば~UAは、［ その場で検査ngを提供する ／ 検査ngが可能化されている間，継続的に検査ngを遂行する ／ その他の~UI ］のいずれも利用できる。 ◎ This specification does not define the user interface for spelling and grammar checkers. A user agent could offer on-demand checking, could perform continuous checking while the checking is enabled, or could use other interfaces.

6.8.6 書法~示唆

~UAは、 利用者が［ ~form~control（例： `textarea$e 要素）／ `編集中の~host$内の要素 ］内の編集-可能な領域の中へ打込むに伴い，書法~示唆を提供する。 ◎ User agents offer writing suggestions as users type into editable regions, either in form controls (e.g., the textarea element) or in elements in an editing host.

`writingsuggestions@a 内容~属性は、 `列挙d属性$であり， 次に挙げる~keyword, とり得る状態, それらの対応付けが定義される： ◎ The writingsuggestions content attribute is an enumerated attribute with the following keywords and states:

この属性の`欠落~値~用の既定の状態$ は、 `既定$stW とする。 この状態は、 次を指示する ⇒ この要素は、 以下に定義されるとおり，既定の挙動に則って — 場合によっては、 親~要素の自前の `writingsuggestions$a の状態に基づいて — 動作する ◎ The attribute's missing value default is the default state. The default state indicates that the element is to act according to a default behavior, possibly based on the parent element's own writingsuggestions state, as defined below.

この属性の`妥当でない値~用の既定の状態$は、 `~T$stW とする。 ◎ The attribute's invalid value default is the true state.

%element.`writingSuggestions$m [ = %value ]

~UAは、 %element の視野の下で書法~示唆を［ 提供するならば `true^l ／ 提供しないならば `false^l ］を返す。 ◎ Returns "true" if the user agent is to offer writing suggestions under the scope of the element; otherwise, returns "false".

設定して， 既定を上書きできる — それに伴い， %element の `writingsuggestions$a 内容~属性も設定される。 ◎ Can be set, to override the default and set the writingsuggestions content attribute.

注記： `writingSuggestions$m ~IDL属性は、［ `writingsuggestions$a 内容~属性を上書きする利用者~選好 ］により影響されないので， 書法~示唆の実際の状態を反映しないかもしれない。 ◎ The writingSuggestions IDL attribute is not affected by user preferences that override the writingsuggestions content attribute, and therefore might not reflect the actual writing suggestions state.

注記： この仕様は、 書法~示唆~用の~UIを定義しない。 ~UAは、 次に挙げるもの，その他の~UIを利用して示唆を提供することもできる ⇒＃ 利用者が打込むに伴い，［その場, あるいは継続的］な示唆／ ~inlineな示唆／ ~popup内に，`~autofill＠~HTMLautofill#autofill$の様な示唆 ◎ This specification does not define the user interface for writing suggestions. A user agent could offer on-demand suggestions, continuous suggestions as the user types, inline suggestions, autofill-like suggestions in a popup, or could use other interfaces.

6.8.7. 自動頭字化： `autocapitalize^a 属性

~textを手入力する~methodには、 例えば，携帯~機器~上の~virtual-keyboardや~voice入力などもあり、 各~一文の最初の字l（ `letter^en ） 【約物等を除く，“普通の” 文字】 を自動的に頭字化（ capital 化 ）して，利用者を支援することが多い （当の自然言語に この規約がある下で，~textを組成しているならば）。 自動頭字化を実装する~virtual-keyboardは、 自動頭字化されるべき字lが打込まれつつあるとき， 自動的に字lを大文字で示すよう切替えるかもしれない （利用者が小文字に戻せるようにしつつ）。 他の型の入力，例えば~voice入力では、 最初に介入する~~余地を利用者に与えない仕方で， 自動頭字化を遂行することもある。 `autocapitalize$a 属性は、 そのような挙動を制御することを作者に許容する。 ◎ Some methods of entering text, for example virtual keyboards on mobile devices, and also voice input, often assist users by automatically capitalizing the first letter of sentences (when composing text in a language with this convention). A virtual keyboard that implements autocapitalization might automatically switch to showing uppercase letters (but allow the user to toggle it back to lowercase) when a letter that should be autocapitalized is about to be typed. Other types of input, for example voice input, may perform autocapitalization in a way that does not give users an option to intervene first. The autocapitalize attribute allows authors to control such behavior.

`autocapitalize$a 属性は、 概して，［ 物理的~keyboardを打込むときの挙動には影響しない ］ように実装される。 （この理由から, および［ 一部の事例で自動頭字化の挙動を上書きできる／初期~入力の後に~textを編集する ］能を利用者に与えるため、 いかなる類の入力~検証も，この属性には依拠しないモノトスル。） ◎ The autocapitalize attribute, as typically implemented, does not affect behavior when typing on a physical keyboard. (For this reason, as well as the ability for users to override the autocapitalization behavior in some cases or edit the text after initial input, the attribute must not be relied on for any sort of input validation.)

`autocapitalize$a 属性は、 次に挙げる挙動を制御するために利用できる： ◎ The autocapitalize attribute can be used＼

• `編集中の~host$においては ⇒ ~hostされている編集-可能な領域~用の，自動頭字化の挙動。 ◎ on an editing host to control autocapitalization behavior for the hosted editable region,＼
• ［ `input$e ／ `textarea$e ］要素においては ⇒ 要素の中に~textを入力するときの挙動。 ◎ on an input or textarea element to control the behavior for inputting text into that element, or＼
• `form$e 要素においては ⇒ ［ 当の~formが所有している要素のうち，`自動頭字化-を継承-$するもの ］すべてに対する既定の挙動。 ◎ on a form element to control the default behavior for all autocapitalize-inheriting elements associated with the form element.

`autocapitalize$a 属性は、 次に該当するものに対しては， 決して自動頭字化を可能化させない （この挙動は、 下の`利用する自動頭字化~hint$を算出する~algoに含まれている） ⇒ `input$e 要素のうち，［ その`type$a 属性の状態 ~IN { `Url$st, `Email$st, `Password$st } ］なるもの ◎ The autocapitalize attribute never causes autocapitalization to be enabled for input elements whose type attribute is in one of the URL, Email, or Password states. (This behavior is included in the used autocapitalization hint algorithm below.)

自動頭字化の処理~modelは、 次に定義される 5 種の `自動頭字化~hint@ から選定することに基づく： ◎ The autocapitalization processing model is based on selecting among five autocapitalization hints, defined as follows:

`既定@aH

［ ~UA／入力~method ］は、 自前の決定を用立てて，自動頭字化を可能化するベキである。 【！use make = make use？】 ◎ The user agent and input method should use make their own determination of whether or not to enable autocapitalization.

`なし@aH

自動頭字化は適用されるベキでない （すべての字lは、 既定で小文字にされるベキである）。 ◎ No autocapitalization should be applied (all letters should default to lowercase).

`一文ごと@aH

各~一文の最初の字lは、 既定で頭字にされるベキである。 他のすべての字lは、 既定で小文字にされるベキである。 ◎ The first letter of each sentence should default to a capital letter; all other letters should default to lowercase.

`単語ごと@aH

各~単語の最初の字lは、 既定で頭字にされるベキである。 他のすべての字lは、 既定で小文字にされるベキである ◎ The first letter of each word should default to a capital letter; all other letters should default to lowercase.

`文字ごと@aH

すべての字lは、 既定で大文字にされるベキである。 ◎ All letters should default to uppercase.

`autocapitalize@a 属性は，`自動頭字化~hint$を与える。 この~hintは、［ `利用する自動頭字化~hint$を形成するための他の考慮点 ］と組合されて，~UAの挙動を伝える。 この属性は，`列挙d属性$であり、 次に挙げる~keyword, とり得る状態, それらの対応付けが定義される： ◎ The autocapitalize attribute is an enumerated attribute whose states are the possible autocapitalization hints. The autocapitalization hint specified by the attribute's state combines with other considerations to form the used autocapitalization hint, which informs the behavior of the user agent. The keywords for this attribute and their state mappings are as follows:

この属性の［ `欠落~値~用の既定の状態$は `既定$aH／ `妥当でない値~用の既定の状態$は `一文ごと$aH ］とする。 ◎ The attribute's missing value default is the default state, and its invalid value default is the sentences state.

%element.`autocapitalize$m [ = %value ]

この要素~用の［ 現在の自動頭字化~状態, または 未~設定-の場合は空~文字列 ］を返す。 ［ `input$e ／ `textarea$e ］要素は、 自身の状態を `form$e 要素から継承することに注意： その場合， `form$e 要素の自動頭字化~状態を返すことになり、［ 編集-可能な領域~内の要素であっても，編集中の~hostの自動頭字化~状態は返さない ］ことになる （要素~自身が，`編集中の~host$でない限り）。 ◎ Returns the current autocapitalization state for the element, or an empty string if it hasn't been set. Note that for input and textarea elements that inherit their state from a form element, this will return the autocapitalization state of the form element, but for an element in an editable region, this will not return the autocapitalization state of the editing host (unless this element is, in fact, the editing host).

設定して， `autocapitalize$a 内容~属性を設定できる（それに伴い，要素~用の自動頭字化の挙動も変更する）。 ◎ Can be set, to set the autocapitalize content attribute (and thereby change the autocapitalization behavior for the element).

所与の要素 %要素 の `自前の自動頭字化~hint@ を算出するときは、 次を走らす： ◎ To compute the own autocapitalization hint of an element element, run the following steps:

1. ~IF［ %要素 は `autocapitalize$a 内容~属性を有していて，その値 ~NEQ 空~文字列 ］ ⇒ ~RET その属性の状態 ◎ If the autocapitalize content attribute is present on element, and its value is not the empty string, return the state of the attribute.
2. ~IF［ %要素 は`自動頭字化-を継承-$する ］~AND［ %要素 の`~form所有者$ ~NEQ ~NULL ］ ⇒ ~RET %要素 の`~form所有者$の`自前の自動頭字化~hint$ ◎ If element is an autocapitalize-inheriting element and has a non-null form owner, return the own autocapitalization hint of element's form owner.
3. ~RET `既定$aH ◎ Return default.

~UAは，［ ~text入力~methodに対する自動頭字化の挙動を~custom化する機能性 ］を~supportしていて［ ~web開発者がそれを制御できる ］ようにしたいと望むならば、 要素の中に~textを入力する間，要素~用に `利用する自動頭字化~hint@ を算出するベキである。 これは、［ 要素の中への~text入力~用に推奨される，自動頭字化の挙動 ］を述べる，`自動頭字化~hint$になる。 ◎ User agents that support customizable autocapitalization behavior for a text input method and wish to allow web developers to control this functionality should, during text input into an element, compute the used autocapitalization hint for the element. This will be an autocapitalization hint that describes the recommended autocapitalization behavior for text input into the element.

ある種の状況下においては、［ ~UA／入力~method ］は，`利用する自動頭字化~hint$を［ 無視する, または上書きする ］ことを選んでもヨイ。 ◎ User agents or input methods may choose to ignore or override the used autocapitalization hint in certain circumstances.

要素 %要素 用に`利用する自動頭字化~hint$は、 次の~algoを利用して算出される： ◎ The used autocapitalization hint for an element element is computed using the following algorithm:

1. ~IF［ %要素 は `input$e 要素である ］~AND［ %要素 の `type$a 属性の状態 ~IN { `Url$st, `Email$st, `Password$st } ］ ⇒ ~RET `既定$aH ◎ If element is an input element whose type attribute is in one of the URL, Email, or Password states, then return default.
2. ~IF［ %要素 は［ `input$e ／ `textarea$e ］要素である ］ ⇒ ~RET %要素 の`自前の自動頭字化~hint$ ◎ If element is an input element or a textarea element, then return element's own autocapitalization hint.
3. ~IF［ %要素 は［ `編集中の~host$ ／ `編集-可能$な要素 ］である ］ ⇒ ~RET %要素 が`属する編集中の~host$の`自前の自動頭字化~hint$ ◎ If element is an editing host or an editable element, then return the own autocapitalization hint of the editing host of element.
4. ~Assert： この段に到達することは決してない — ~text入力が生じるのは，上の判定基準のいずれかを満たす要素に限られるので。 ◎ Assert: this step is never reached, since text input only occurs in elements that meet one of the above criteria.

6.8.8. 入力~modal性： `inputmode^a 属性

~UAは、 次に挙げるものに対し， `inputmode$a 属性を~supportできる ⇒＃ ~form~control（`textarea$e 要素の値など） ／ `編集中の~host$内の要素（ `contenteditable$a を利用しているものなど） ◎ User agents can support the inputmode attribute on form controls (such as the value of textarea elements), or in elements in an editing host (e.g., using contenteditable).

`inputmode@a 内容~属性は、［ 内容を手入力している利用者にとって，どの種類の入力の仕組みが最も助けになるか ］を指定する。 この属性は，`列挙d属性$であり、 次に挙げる~keywordが定義される。 ~UAは、 ~keywordに応じて， 次に述べるような~virtual-keyboardを表示するベキである： ◎ The inputmode content attribute is an enumerated attribute that specifies what kind of input mechanism would be most helpful for users entering content. ◎ ↓

`inputMode@m ~IDL属性は、 `既知な値のみに制限され$る下で， `inputmode$a 内容~属性を`反映する$モノトスル。 ◎ The inputMode IDL attribute must reflect the inputmode content attribute, limited to only known values.

`inputmode$a が未指定なときは （または、~UAは その状態を~supportしないときは）、 ~UAは， 既定の~virtual-keyboardを決定して利用者に呈示するベキである — 決定する際には、 入力の［ `type$a や `pattern$a ］属性などの文脈的な情報を利用するベキである。 ◎ When inputmode is unspecified (or is in a state not supported by the user agent), the user agent should determine the default virtual keyboard to be shown. Contextual information such as the input type or pattern attributes should be used to determine which type of virtual keyboard should be presented to the user.

6.8.9. 入力~modal性： `enterkeyhint^a 属性

~UAは、 ~form~control（ `textarea$e 要素の値などの）や, `編集中の~host$内の要素（例： `contenteditable$a を利用しているもの）に対し， `enterkeyhint$a 属性を~supportできる。 ◎ User agents can support the enterkeyhint attribute on form controls (such as the value of textarea elements), or in elements in an editing host (e.g., using contenteditable).

`enterkeyhint@a 内容~属性は、 `列挙d属性$であり，［ ~virtual-keyboard上の `Enter^Key ~UIkey ］用に［ どの動作~label（または~icon）を呈示するか ］を指定する。 これは、 `Enter^Key ~UIkeyの呈示を［ 利用者にもっと助けになるよう~custom化する ］ことを作者に許容する。 ◎ The enterkeyhint content attribute is an enumerated attribute that specifies what action label (or icon) to present for the enter key on virtual keyboards. This allows authors to customize the presentation of the enter key in order to make it more helpful for users.

`enterKeyHint@m ~IDL属性は、 `既知な値のみに制限され$る下で， `enterkeyhint$a 内容~属性を`反映する$モノトスル。 ◎ The enterKeyHint IDL attribute must reflect the enterkeyhint content attribute, limited to only known values.

`enterkeyhint$a が未指定なときは （または、~UAは その状態を~supportしないときは）、 ~UAは，~virtual-keyboard上に既定で呈示する動作~label（または~icon）を決定するベキである — これを決定するときには、［ `inputmode$a ／ `type$a ／ `pattern$a ］属性などの文脈的な情報を利用するベキである。 ◎ When enterkeyhint is unspecified (or is in a state not supported by the user agent), the user agent should determine the default action label (or icon) to present. Contextual information such as the inputmode, type, or pattern attributes should be used to determine which action label (or icon) to present on the virtual keyboard.

6.9.1. 序論

この節では、 `~find-in-page@ （ `find-in-page^en ）を定義する — それは、 ~UAに共通的な仕組みであり，特定0の情報に関して~pageの内容を探索することを利用者に許容する。 ◎ This section defines find-in-page — a common user-agent mechanism which allows users to search through the contents of the page for particular information.

`~find-in-page$特能への~accessは、 `~find-in-page~UI@ を介して供される。 これは、 ~UAが供する~UIであり、［ 探索への入力と~parameter群を指定する ］ことを利用者に許容する。 この~UIは、［ ~shortcut／~menu選択 ］の結果として現れることもある。 ◎ Access to the find-in-page feature is provided via a find-in-page interface. This is a user-agent provided user interface, which allows the user to specify input and the parameters of the search. This interface can appear as a result of a shortcut or a menu selection.

`~find-in-page~UI$内の［ ~text入力, 設定群 ］の組合nは、 利用者の `~query@fiP を表現する。 これは，概して、 利用者が探索したいと求める~textに加え，省略可能な設定群 （例：一体としての単語に限り†探索するよう制約する能） も含む。 【† 例えば `strict^l は `restrict^l には合致しないよう。】 ◎ A combination of text input and settings in the find-in-page interface represents the user query. This typically includes the text that the user wants to search for, as well as optional settings (e.g., the ability to restrict the search to whole words only).

~UAは、 所与の`~query$fiPに対し~page内容を処理して， 0 個以上の合致-からなる `合致-~list@fiP を識別する。 各~合致-は、 利用者からの`~query$fiPを満足する内容~範囲を与える。 ◎ The user-agent processes page contents for a given query, and identifies zero or more matches, which are content ranges that satisfy the user query.

`合致-~list$fiP内のある 1 つの合致-は、 強調され, ~viewの中へ~scrollされることにより，利用者から `作動中な合致-@fiP として識別されるようになる。 利用者は、［ `~find-in-page~UI$を利用して`作動中な合致-$fiPを次へ進める ］ことにより， `合致-~list$fiPを成す各~合致-を~navigateできる。 ◎ One of the matches is identified to the user as the active match. It is highlighted and scrolled into view. The user can navigate through the matches by advancing the active match using the find-in-page interface.

`~find-in-page$が［ 現在は未指定な `window.find()^c ~API ］の下層をどう成すか標準~化することは、 `課題 #3539＠~HTMLissue/3539$ にて追跡されている。 ◎ Issue #3539 tracks standardizing how find-in-page underlies the currently-unspecified window.find() API.

6.9.2. `details^e 要素と見出されるまでは非可視な要素の相互作用

`~find-in-page$が合致するものを探索し始めるときは、 当の~page内の： ◎ When find-in-page begins searching for matches,＼

• ［ 各 `details$e 要素のうち， `open$a 属性を有さないもの ］の［ `2 個目の~slot＠~HTMLrendering#_details-slots$の中の`飛ばされた内容$ ］は、 `~find-in-page$で探索~可能になるよう，［ `open$a 属性を改変することなく，~access可能になる ］べきである。 ◎ all details elements in the page which do not have their open attribute set should have the skipped contents of their second slot become accessible, without modifying the open attribute, in order to make find-in-page able to search through it.＼
• 各`~HTML要素$のうち，［ その `hidden$a 属性の状態 ~EQ `見出されるまでは非可視$st ］なるものの`飛ばされた内容$は、 `~find-in-page$で探索~可能になるよう，［ `hidden$a 属性を改変することなく，~access可能になる ］ベキである。 ◎ Similarly, all HTML elements with the hidden attribute in the hidden until found state should have their skipped contents become accessible without modifying the hidden attribute in order to make find-in-page able to search through them.＼

これらに該当する要素は、 `~find-in-page$が合致するものを探索し終えた後に，再び［ その`内容は飛ばされ$るようになる ］べきである。 この処理n全体は、 同期的に起こるモノトスル （なので、 利用者や作者~codeからは観測-可能にならない）。 `CSSCONTAIN$r ◎ After find-in-page finishes searching for matches, the details elements and the elements with the hidden attribute in the hidden until found state should have their contents become skipped again. This entire process must happen synchronously (and so is not observable to users or to author code). [CSSCONTAIN]

6.9.3. 選択との相互作用

`~find-in-page$処理nは、 文書の文脈~内で呼出され，その文書の`選択$に効果を及ぼしてもヨイ。 特定的には、 `作動中な合致-$fiPを定義する範囲が，現在の選択を規定し得る。 しかしながら、［ ~find-in-page処理nの間，この選択~更新が起こる時点 ］は，いくつかあり得る （例： `~find-in-page~UI$が退けられた時点／ `作動中な合致-$fiPの範囲が変化した時点）。 ◎ The find-in-page process is invoked in the context of a document, and may have an effect on the selection of that document. Specifically, the range that defines the active match can dictate the current selection. These selection updates, however, can happen at different times during the find-in-page process (e.g. upon the find-in-page interface dismissal or upon a change in the active match range).

6.10.1. 閉-要請

利用者は，`実装定義$な（かつ およそ機器に特有な）方式で，~UAに向けて `閉-要請@ （ `close request^en ）を送信し得る。 これは、 現在は~screen上に示されている何か — ~popover, ~menu, ~dialog, ~picker, 表示~modeなど — を閉じるよう利用者が望むことを指示する。 ◎ In an implementation-defined (and likely device-specific) manner, a user can send a close request to the user agent. This indicates that the user wishes to close something that is currently being shown on the screen, such as a popover, menu, dialog, picker, or display mode.

~Esc ~UIkeyが押下げられたとき， それが`閉-要請$になる~platformにおいては、 ~UAは，適切に初期化された［ `keydown$et, `keyup$et ］~event連列を発火することになる。 ~web開発者が `preventDefault()$m を~callして `keyup$et ~eventを取消した場合、 それ以上何も起こらない。 取消されなかった場合、 ~UAは，`閉-注視器たちを処理する$所まで続行する。 ◎ On platforms where Esc is the close request, the user agent will first fire an appropriately-initialized keydown and keyup event sequence. If the web developer cancels the keyup event by calling preventDefault(), then nothing further happens. But if the event fires without being canceled, then the user agent proceeds to process close watchers.

“戻り” ~buttonが押下げられたとき， それが`閉-要請$になり得る~platformにおいては、 ~UAは，`閉-注視器たちを処理する$所へ直行する — そこに孕まれる~eventは無いので。 `作動中$cWな`閉-注視器$が在る場合、 それが誘発されるようになる — 無い場合、 ~UAは， “戻り” ~buttonの押下nを別の仕方で解釈できる — 例えば， 履歴を差分 −1 だけ`辿る＠~HTMLnav#traverse-the-history-by-a-delta$よう要請されたものとして。 ◎ On platforms where a back button is a potential close request, no event is involved, so when the back button is pressed, the user agent proceeds directly to process close watchers. If there is an active close watcher, then that will get triggered. If there is not, then the user agent can interpret the back button press in another way, for example as a request to traverse the history by a delta of −1.

6.10.2. 閉-注視器の基盤

各`~window$は `閉-注視器~管理器@ （ `close watcher manager^en ）を有する — それは、 `構造体$であり，次を挙げる`~item$sctを伴う： ◎ Each Window has a close watcher manager, which is a struct with the following items:

• `~group群@cwM ⇒ `閉-注視器$たちが成す`~list$たちが成す`~list$ — 初期~時は空とする。 ◎ Groups, a list of lists of close watchers, initially empty.
• `許容される~groupの個数@cwM ⇒ 整数 — 初期~時は 1 とする。 ◎ Allowed number of groups, a number, initially 1.
• `次回の利用者-作動化は新たな~groupを許容するか@cwM ⇒ 真偽値 — 初期~時は ~T とする。 ◎ Next user interaction allows a new group, a boolean, initially true.

`閉-注視器~管理器$の複階性を成すほとんどは、［ 利用者が履歴を辿る能を開発者が不能化する ］ことを防止するために設計された［ 濫用に抗する保護 ］に~~由来する — それは、 `閉-要請$の`~fallback動作＠#close-request-fallback$が履歴の辿りを成す主な仕組みである~platform用にある。 特に： ◎ Most of the complexity of the close watcher manager comes from anti-abuse protections designed to prevent developers from disabling users' history traversal abilities, for platforms where a close request's fallback action is the main mechanism of history traversal. In particular:

• `閉-注視器$の~group法は、［ `履歴~動作による作動化を有して$いない間に複数個の閉-注視器が作成された場合 ］に，それらを一緒に~group化して、［ 利用者が誘発した`閉-要請$が，~group内の閉-注視器~すべてを閉じる ］ことになるように設計された。 これは、 ~web開発者が［ 閉-注視器をいくつも作成することにより，閉-要請を何回でも無制限に横取りできなくする ］ことを確保する — 代わりに，開発者は、 ( 1 ~PLUS `利用者が~pageを作動化-＠#tracking-user-activation$した回数 ) 以下までは，それを作成できる。 ◎ The grouping of close watchers is designed so that if multiple close watchers are created without history-action activation, they are grouped together, so that a user-triggered close request will close all of the close watchers in a group. This ensures that web developers can't intercept an unlimited number of close requests by creating close watchers; instead they can create a number equal to at most 1 + the number of times the user activates the page.

• 真偽値をとる`次回の利用者-作動化は新たな~groupを許容するか$cwMは、［ 個々の`利用者-作動化＠#tracking-user-activation$に束ねられる仕方で`閉-注視器$を作成する ］よう，~web開発者に奨励する。 これが無いと、［ ~web開発者が閉-注視器を作成するために利用者-作動化を “利用していない” 場合 ］でも［ 利用者-作動化が生じるたびに`許容される~groupの個数$cwMは増える ］ことになる。 短く言えば： ◎ The next user interaction allows a new group boolean encourages web developers to create close watchers in a way that is tied to individual user activations. Without it, each user activation would increase the allowed number of groups, even if the web developer isn't "using" those user activations to create close watchers. In short:

  • 次【が順に生じること】は許容される ⇒＃ 利用者-ヤリトリ, 閉-注視器を その自前の~group内に作成する, 利用者-ヤリトリ, 閉-注視器を別な~group内に作成する ◎ Allowed: user interaction; create a close watcher in its own group; user interaction; create a close watcher in a second independent group.
  • 次は許容されない ⇒＃ 利用者-ヤリトリ, 利用者-ヤリトリ, 閉-注視器を その自前の~group内に作成する, 閉-注視器を別な~group内に作成する ◎ Disallowed: user interaction; user interaction; create a close watcher in its own group; create a close watcher in a second independent group.
  • 次は許容される ⇒＃ 利用者-ヤリトリ, 利用者-ヤリトリ, 閉-注視器を その自前の~group内に作成する, 閉-注視器を 前と同じ~group内に作成する ◎ Allowed: user interaction; user interaction; create a close watcher in its own group; create a close watcher grouped with the previous one.

  この保護は、 欲される不変則 — 作成される~groupの個数は［ 1 ~PLUS `利用者が~pageを作動化-＠#tracking-user-activation$した回数 ］までになる — を支えるために重要なもの`ではない^em。 確信犯な濫用者は、 利用者-ヤリトリごとに閉-注視器を 1 個だけ作成して， 未来の濫用-用にそれらを “貯蓄する” ことになる。 それでも，この~systemは、 通常の事例~用には，より予測-可能な挙動をもたらし、 濫用的でない開発者が［ 利用者-ヤリトリに呼応して閉-注視器を直に作成する ］ことを奨励する。 ◎ This protection is not important for upholding our desired invariant of creating at most (1 + the number of times the user activates the page) groups. A determined abuser will just create one close watcher per user interaction, "banking" them for future abuse. But this system causes more predictable behavior for the normal case, and encourages non-abusive developers to create close watchers directly in response to user interactions.

`閉-注視器@ （ `close watcher^en ）は、 `構造体$であり，次を挙げる`~item$sctを伴う： ◎ A close watcher is a struct with the following items:

• `~window@cW （ `window^en ） ⇒ ある`~window$ ◎ A window, a Window.

• `取消-動作@cW （ `cancel action^en ） ⇒ ある手続き

  これは、 例外を決して投出しない。 これは、 真偽値を返す （［ ~call元が`閉-動作$cWへ続行することを指示する場合は ~T ／ ~ELSE_ ~F ］になる）。

  ◎ A cancel action, a list of steps. These steps can never throw an exception, and return either true (to indicate that the caller will proceed to the close action) or false (to indicate that the caller will bail out).

• `閉-動作@cW （ `close action^en ） ⇒ ある手続き

  これは、 例外を決して投出しない。

  ◎ A close action, a list of steps. These steps can never throw an exception.
• `取消-動作を走らせているか@cW （ `is running cancel action^en ） ⇒ 真偽値 ◎ An is running cancel action boolean.

`閉-注視器$ %閉-注視器 が `作動中@cW であるとは、 次を満たす %~list が在ることをいう ⇒ ［ %閉-注視器 ~IN %~list ］~AND［ %~list ~IN %閉-注視器 の`~window$cWの`閉-注視器~管理器$ ］ ◎ A close watcher closeWatcher is active if closeWatcher's window's close watcher manager contains any list which contains closeWatcher.

6.10.3. `CloseWatcher^I ~interface

[Exposed=Window]
interface `CloseWatcher@I : `EventTarget$I {
  `constructor＠#dom-closewatcher$(optional `CloseWatcherOptions$I %options = {});

  undefined `requestClose$m();
  undefined `close$m();
  undefined `destroy$m();

  attribute `EventHandler$I `oncancel$m;
  attribute `EventHandler$I `oncancel$m;
};

dictionary `CloseWatcherOptions@I {
  `AbortSignal$I `signal@mb;
};

%watcher = `new CloseWatcher()$m

%watcher = `new CloseWatcher(option)$m【！({ signal })】

新たな `CloseWatcher$I ~instanceを作成する。 ◎ Creates a new CloseWatcher instance.

%option にて `signal$mb が供された場合、 それ（ `AbortSignal$I ）を中止する 【その `abort()^m ~methodを~callする】 ことにより， %watcher を破壊できる （ `destroy()$m を~callしたかのように）。 ◎ If the signal option is provided, then watcher can be destroyed (as if by watcher.destroy()) by aborting the given AbortSignal.

すでに作動中な`閉-注視器$ %閉-注視器 が在って， `~window$は`履歴~動作による作動化を有して$いない間に~callされた場合、 結果の `CloseWatcher$I は，［ どの`閉-要請$に対しても、 それに呼応して， %閉-注視器 と一緒に閉じられる ］ことになる （ %閉-注視器 は， `CloseWatcher$I ~objになるとは限らず，［ ~modalな `dialog$e 要素／ `~popover要素$により生成された~popover ］にもなり得る。） ◎ If any close watcher is already active, and the Window does not have history-action activation, then the resulting CloseWatcher will be closed together with that already-active close watcher in response to any close request. (This already-active close watcher does not necessarily have to be a CloseWatcher object; it could be a modal dialog element, or a popover generated by an element with the popover attribute.)

%watcher.`requestClose$m()

%watcher を~targetにしている`閉-要請$が送信されたかのように動作する — 次により ⇒ まず `cancel$et ~eventを発火する — それが `preventDefault()$m で取消されなかった場合， 続行して `close$et ~eventを発火する — 当の閉-注視器を非作動化する前に `destroy()$m を~callしたかのように。 ◎ Acts as if a close request was sent targeting watcher, by first firing a cancel event, and if that event is not canceled with preventDefault(), proceeding to fire a close event before deactivating the close watcher as if watcher.destroy() was called.

これは、［ `閉-要請$ではない閉じるための~affordanceすべてが，この~methodを~callする ］ようにすることにより，［ 取消す, 閉じる ］際の~logicを［ `cancel$et, `close$et ］~event~handlerの中に~~統合するための便利用として利用できる。 ◎ This is a helper utility that can be used to consolidate cancelation and closing logic into the cancel and close event handlers, by having all non-close request closing affordances call this method.

%watcher.`close$m()

`close$et ~eventを即時に発火してから 当の閉-注視器を — `destroy()$m を~callしたかのように — 非作動化する。 ◎ Immediately fires the close event, and then deactivates the close watcher as if watcher.destroy() was called.

これは、［ 閉じる際の~logicを `close$et ~event~handlerの中で誘発しつつ， `cancel$et ~event~handler内のそれを飛ばす ］ための便利用として利用できる。 ◎ This is a helper utility that can be used trigger the closing logic into the close event handler, skipping any logic in the cancel event handler.

%watcher.`destroy$m()

%watcher を非作動化する — %watcher は `close$et ~eventを受信しなくなり， 新たな独立な `CloseWatcher$I ~instanceを構築できるよう。 ◎ Deactivates watcher, so that it will no longer receive close events and so that new independent CloseWatcher instances can be constructed.

これは、［ 閉じられる以外の何らかの仕方 ］で［ 関連な~UI要素が解体される場合 ］に~callされるものとして意図される。 ◎ This is intended to be called if the relevant UI element is torn down in some other way than being closed.

各 `CloseWatcher$I ~instanceは、 `内部~閉-注視器@ （ `internal close watcher^en ）を有する — それは、 `閉-注視器$である。 ◎ Each CloseWatcher instance has an internal close watcher, which is a close watcher.

`CloseWatcher$I ~interfaceを実装している すべての~objは、［ 以下に挙げる`~event~handler$, および対応する`~event~handler~event型$ ］を`~event~handler~IDL属性$として~supportするモノトスル： ◎ The following are the event handlers (and their corresponding event handler event types) that must be supported, as event handler IDL attributes, by all objects implementing the CloseWatcher interface:

const %watcher = new CloseWatcher();
const %picker = setUpAndShowPickerDOMElement();

let %chosenValue = null;

watcher.onclose = () => {
  %chosenValue = %picker.querySelector('input').value;
  %picker.remove();
};

%picker.querySelector('.close-button').onclick = () => watcher.requestClose();

%watcher.oncancel = async (%e) => {
  if (%hasUnsavedData) {
    e.preventDefault();

    /* 
~dataを保存することなく閉じるかどうか利用者に確認を依頼する
 */
    const %userReallyWantsToClose = await askForConfirmation("Are you sure you want to close?");
    if (%userReallyWantsToClose) {
      %hasUnsavedData = false;
      %watcher.close();
    }
  }
};

上の 2 つの例は、［ `requestClose()$m と `close()$m がどう相違するか ］を示す。 最初の例では，［ `click$et ~event~handler内で閉-~button用に `requestClose()$m を利用した ］ので、［ その~buttonを~clickすると `CloseWatcher$I の `cancel$et ~eventを誘発する ］ことになる — したがって、［ 保存されてない~dataが在る場合に利用者に確認を依頼する ］ようになり得る。 `close()$m を利用していた場合、 この検査は飛ばされるようになる。 それが適切になるときもあるが、 利用者が誘発した閉-要請~用には， `requestClose()$m の方が通例的に良い~optionになる。 ◎ Combined, the above two examples show how requestClose() and close() differ. Because we used requestClose() in the click event handler for the close button, clicking that button will trigger the CloseWatcher's cancel event, and thus potentially ask the user for confirmation if there is unsaved data. If we had used close(), then this check would be skipped. Sometimes that is appropriate, but usually requestClose() is the better option for user-triggered close requests.

window.onload = () => {
  /* 
次の注視器は、
通常通り働くことになる
— それは、
利用者-作動化を伴わずに作成された注視器のうち最初のものを閉じる。
◎
This will work as normal: it is the first close watcher created without user activation.
 */
  (new CloseWatcher()).onclose = () => { /* ... */ };
};

%button1.onclick = () => {
    /* 
次の注視器は、
通常通り働くことになる
— ~button~clickは，利用者-作動化として数えられる。
◎
This will work as normal: the button click counts as user activation.
 */
  (new CloseWatcher()).onclose = () => { /* ... */ };
};

%button2.onclick = () => {
  /* 
次の注視器たちは、
一緒に~group化される
— それらは、
単独の閉-要請に呼応して，どちらも閉じられるようになる。
◎
These will be grouped together, and both will close in response to a single close request.
 */
  (new CloseWatcher()).onclose = () => { /* ... */ };
  (new CloseWatcher()).onclose = () => { /* ... */ };
};