Wording + note

source

@@ -80356,12 +80356,20 @@ dictionary <dfn dictionary>ToggleEventInit</dfn> : <span>EventInit</span> {
        else null
       <tr>
        <th><var>selection mechanism</var> is "<code data-x="selection-mechanism-DOM">DOM</code>"
-       <td>Let <var>candidate</var> be the first <span>suitable sequentially focusable area</span>
-       after <var>starting point</var>, in <span>tree order</span>, in <var>starting point</var>'s
-       <code>Document</code>, if any; or else null
-       <td>Let <var>candidate</var> be the last <span>suitable sequentially focusable area</span>
-       before <var>starting point</var>, in <span>tree order</span>, in <var>starting point</var>'s
-       <code>Document</code>, if any; or else null
+       <td>
+        <p>Let <var>candidate</var> be the <span>suitable sequentially focusable area</span>, that
+        appears nearest after <var>starting point</var> in <var>starting point</var>'s
+        <code>Document</code>, in <span>tree order</span>, if any; or else null</p>
+
+        <p class="note">In this case, <var>starting point</var> does not necessarily belong to its
+        <code>Document</code>'s <span>sequential focus navigation order</span>, so we'll select the
+        <span data-x="suitable sequentially focusable area">suitable</span> <span data-x="list
+        item">item</span> from that list that comes <em>after</em> <var>starting point</var> in
+        <span>tree order</span>.</p>
+       </td>
+       <td>Let <var>candidate</var> be the <span>suitable sequentially focusable area</span>, that
+       appears nearest before <var>starting point</var> in <var>starting point</var>'s
+       <code>Document</code>, in <span>tree order</span>, if any; or else null
       <tr>
        <th><var>selection mechanism</var> is "<code
        data-x="selection-mechanism-sequential">sequential</code>"