<!DOCTYPE html><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head xmlns:wcag="https://www.w3.org/WAI/GL/"><title>Identifying the purpose of a link using link text combined with its enclosing
          paragraph</title><link rel="stylesheet" type="text/css" href="../../css/sources.css" class="remove"></link></head><body xmlns:wcag="https://www.w3.org/WAI/GL/"><h1>Identifying the purpose of a link using link text combined with its enclosing
          paragraph</h1><section class="meta"><p class="id">ID: H78</p><p class="technology">Technology: html</p><p class="type">Type: Technique</p></section><section class="applicability"><h2>When to Use</h2>
      <p>All technologies that contain links.</p>
   </section><section class="description"><h2>Description</h2>
      <p>The objective of this technique is to identify the purpose of a link from the link in
            its paragraph context. The paragraph enclosing the link provides context for an
            otherwise unclear link when the paragraph is the nearest enclosing block-level ancestor
            element. The description lets a user distinguish this link from links in the Web page
            that lead to other destinations and helps the user determine whether to follow the link.
            Note that simply providing the URI of the destination is generally not sufficiently
            descriptive. </p>
      <div class="note">
         <p>These descriptions will be most useful to the user if the additional information
              needed to understand the link precedes the link. If the additional information follows
              the link, there can be confusion and difficulty for screen reader users who are
              reading through the page in order (top to bottom).</p>
      </div>
   </section><section class="examples"><h2>Examples</h2>
      <section class="example">
         <section class="description"><h2>Description</h2>
            <p> Announcements column on a Folk Festival Web page.</p>
         </section>
         <pre xml:space="preserve">&lt;h3&gt;The final 15&lt;/h3&gt;
&lt;p&gt;Coming soon to a town near you...the final 15 in the 
National Folk Festival lineup.
&lt;a href="final15.html"&gt;[Read more...]&lt;/a&gt;
&lt;/p&gt;

&lt;h3&gt;Folk artists get awards&lt;/h3&gt;
&lt;p&gt;Performers from the upcoming National Folk Festival receive 
 National Heritage Fellowships. 
 &lt;a href="nheritage.html"&gt;[Read more...]&lt;/a&gt;
&lt;/p&gt;
…   </pre>
      </section>
   </section><section class="tests"><h2>Tests</h2>
      <section class="procedure"><h3>Procedure</h3>
         <p>For each link in the content that uses this technique:</p>
         <ol>
            <li> Check that the link is part of a paragraph. </li>
            <li> Check that text of the link combined with the text of its enclosing paragraph
                  describes the purpose of the link. </li>
         </ol>
      </section>
      <section class="results"><h3>Expected Results</h3>
         <ul>
            <li> The above checks are true. </li>
         </ul>
      </section>
   </section><section class="related"><h2>Related Techniques</h2>
      
      
      
      
      
      
      
      
   </section><section class="resources"><h2>Resources</h2></section></body></html>