Add "label in name" note to ARIA8 technique (#4529)

Closes: #667

Added a note to clarify how the Label in Name requirement affects the
example (and viceversa)

---------

Co-authored-by: Patrick H. Lauke <[email protected]>
Co-authored-by: Mike Gower <[email protected]>
Co-authored-by: Bruce Bailey <[email protected]>

Author: 4 people

techniques/aria/ARIA8.html

@@ -7,18 +7,19 @@
       <section class="example">
          <h3>Describing the purpose of a link in HTML using aria-label.</h3>
 
-            <p>In some situations, designers may choose to lessen the visual appearance of links on a page by using shorter, repeated link text such as "read more". These situations provide a good use case for aria-label in that the simpler, non-descriptive "read more" text on the page can be replaced with a more descriptive label of the link. The words 'read more' are repeated in the aria-label (which replaces the original anchor text of "[Read more...]") to allow consistent communication between users.</p>
-<pre xml:space="preserve"><code class="language-html">&lt;h4&gt;Neighborhood News&lt;/h4&gt;
+            <p>In some situations, designers may choose to lessen the visual appearance of links on a page by using shorter, repeated link text such as "read more". These situations provide a good use case for <code>aria-label</code> in that the simpler, non-descriptive "read more" text on the page can be replaced with a more descriptive label of the link. The words "read more" are repeated in the <code>aria-label</code> (which replaces the original anchor text of "Read more") to allow consistent communication between users.</p>
+        <p class="note">The Success Criterion <a href="../../Understanding/label-in-name">2.5.3 Label in Name</a> requires that the visible label is included as part of the 'accessible name', which is generally set by the <code>aria-label</code>. The examples below meet this requirement.</p>
+        <pre><code class="language-html">&lt;h4&gt;Neighborhood News&lt;/h4&gt;
 &lt;p&gt;Seminole tax hike: Seminole city managers are proposing a 75% increase in 
   property taxes for the coming fiscal year.
   &lt;a href="taxhike.html" aria-label="Read more about Seminole tax hike"&gt;
-   [Read more...]&lt;/a&gt;
+   Read more&lt;/a&gt;
 &lt;/p&gt; 
 
 &lt;p&gt;Baby Mayor: Seminole voters elect the city's youngest mayor ever by voting
    in 3 year old Willy "Dusty" Williams in yesterday's mayoral election.
    &lt;a href="babymayor.html" aria-label="Read more about Seminole's new baby mayor"&gt;
-    [Read more...]&lt;/a&gt;
+    Read more&lt;/a&gt;
 &lt;/p&gt;</code></pre>
 
       </section>
@@ -51,4 +52,4 @@ <h3>Describing the purpose of a link in HTML using aria-label.</h3>
                </li>
          </ul>
       </section>
-</body></html>
+</body></html>