diff --git a/accname/index.html b/accname/index.html
index 773fac4fa..e741f90cb 100644
--- a/accname/index.html
+++ b/accname/index.html
@@ -546,6 +546,35 @@ <h4>Computation steps</h4>
                     </aside>
                   </div>
                 </li>
+                <li id="comp_label">
+                  <span id="step2D"><!-- Don't link to this legacy numbered ID. --></span><em>AriaLabel:</em> Otherwise, if the <code>current node</code> has an <code>aria-label</code> [=attribute=]
+                  whose value is not undefined, not the empty string, nor, when trimmed of [=ascii whitespace|whitespace=], is not the empty string:
+                  <ol>
+                    <li>
+                      If traversal of the <code>current node</code> is due to recursion <strong>and</strong> the <code>current node</code> is an embedded control, ignore <code>aria-label</code> and
+                      skip to rule <a href="#comp_embedded_control">Embedded Control</a>.
+                    </li>
+                    <li>Otherwise, return the value of <code>aria-label</code>.</li>
+                  </ol>
+                  <aside class="example">
+                    <p>
+                      The following example shows the interaction of <code>aria-labelledby</code> and <code>aria-label</code> when a [=nodes|node=] has an <code>aria-labelledby</code> that refers to
+                      itself. The <code>&lt;span role="button"&gt;</code> elements have the <a class="termref">accessible names</a> "Delete Documentation.pdf" and "Delete HolidayLetter.pdf",
+                      respectively.
+                    </p>
+                    <pre class="example highlight"><code>&lt;h1&gt;Files&lt;/h1&gt;
+&lt;ul&gt;
+  &lt;li&gt;
+    &lt;a id=&quot;file_row1&quot; href=&quot;./files/Documentation.pdf&quot;&gt;Documentation.pdf&lt;/a&gt;
+    <strong>&lt;span role=&quot;button&quot; tabindex=&quot;0&quot; id=&quot;del_row1&quot; aria-label=&quot;Delete&quot; aria-labelledby=&quot;del_row1 file_row1&quot;&gt;&lt;/span&gt;</strong>
+  &lt;/li&gt;
+  &lt;li&gt;
+    &lt;a id=&quot;file_row2&quot; href=&quot;./files/HolidayLetter.pdf&quot;&gt;HolidayLetter.pdf&lt;/a&gt;
+    <strong>&lt;span role=&quot;button&quot; tabindex=&quot;0&quot; id=&quot;del_row2&quot; aria-label=&quot;Delete&quot; aria-labelledby=&quot;del_row2 file_row2&quot;&gt;&lt;/span&gt;</strong>
+  &lt;/li&gt;
+&lt;/ul&gt;</code></pre>
+                  </aside>
+                </li>
                 <li id="comp_embedded_control">
                   <span id="step2C"><!-- Don't link to this legacy numbered ID. --></span><em>Embedded Control:</em> Otherwise, if the <code>current node</code> is a control embedded within the label
                   (e.g. any element directly referenced by <code>aria-labelledby</code>) for another <a class="termref">widget</a>, where the user can adjust the embedded control's value, then return
@@ -577,35 +606,6 @@ <h4>Computation steps</h4>
 &lt;/label&gt;</code></pre>
                   </aside>
                 </li>
-                <li id="comp_label">
-                  <span id="step2D"><!-- Don't link to this legacy numbered ID. --></span><em>AriaLabel:</em> Otherwise, if the <code>current node</code> has an <code>aria-label</code> [=attribute=]
-                  whose value is not undefined, not the empty string, nor, when trimmed of [=ascii whitespace|whitespace=], is not the empty string:
-                  <ol>
-                    <li>
-                      If traversal of the <code>current node</code> is due to recursion <strong>and</strong> the <code>current node</code> is an embedded control, ignore <code>aria-label</code> and
-                      skip to rule <a href="#comp_embedded_control">Embedded Control</a>.
-                    </li>
-                    <li>Otherwise, return the value of <code>aria-label</code>.</li>
-                  </ol>
-                  <aside class="example">
-                    <p>
-                      The following example shows the interaction of <code>aria-labelledby</code> and <code>aria-label</code> when a [=nodes|node=] has an <code>aria-labelledby</code> that refers to
-                      itself. The <code>&lt;span role="button"&gt;</code> elements have the <a class="termref">accessible names</a> "Delete Documentation.pdf" and "Delete HolidayLetter.pdf",
-                      respectively.
-                    </p>
-                    <pre class="example highlight"><code>&lt;h1&gt;Files&lt;/h1&gt;
-&lt;ul&gt;
-  &lt;li&gt;
-    &lt;a id=&quot;file_row1&quot; href=&quot;./files/Documentation.pdf&quot;&gt;Documentation.pdf&lt;/a&gt;
-    <strong>&lt;span role=&quot;button&quot; tabindex=&quot;0&quot; id=&quot;del_row1&quot; aria-label=&quot;Delete&quot; aria-labelledby=&quot;del_row1 file_row1&quot;&gt;&lt;/span&gt;</strong>
-  &lt;/li&gt;
-  &lt;li&gt;
-    &lt;a id=&quot;file_row2&quot; href=&quot;./files/HolidayLetter.pdf&quot;&gt;HolidayLetter.pdf&lt;/a&gt;
-    <strong>&lt;span role=&quot;button&quot; tabindex=&quot;0&quot; id=&quot;del_row2&quot; aria-label=&quot;Delete&quot; aria-labelledby=&quot;del_row2 file_row2&quot;&gt;&lt;/span&gt;</strong>
-  &lt;/li&gt;
-&lt;/ul&gt;</code></pre>
-                  </aside>
-                </li>
                 <li id="comp_host_language_label">
                   <span id="step2E"><!-- Don't link to this legacy numbered ID. --></span><em>Host Language Label:</em> Otherwise, if the <code>current node</code>'s native markup provides an
                   [=attribute=] (e.g. <code>alt</code>) or [=element=] (e.g. HTML <code>label</code> or SVG <code>title</code>) that defines a text alternative, return that alternative in the form of