forked from w3c/wcag
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Restore H59 from w3c#2970 and add obsolete front-matter
- Loading branch information
1 parent
8c3164b
commit 26f18c3
Showing
1 changed file
with
89 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,89 @@ | ||
| --- | ||
| obsoleteMessage: <code class="att">prev</code> and <code class="att">next</code> typically have no effect on browser navigation controls. | ||
| obsoleteSince: 20 | ||
| --- | ||
| <!DOCTYPE html> | ||
| <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> | ||
| <head> | ||
| <title>Using the link element and navigation tools</title> | ||
| <link rel="stylesheet" type="text/css" href="../../css/editors.css" class="remove"></link> | ||
| </head> | ||
| <body> | ||
| <h1>Using the <code class="language-html">link</code> element and navigation tools</h1> | ||
| <section class="meta"> | ||
| <p class="id">ID: H59</p> | ||
| <p class="technology">Technology: html</p> | ||
| <p class="type">Type: Technique</p> | ||
| </section> | ||
| <section id="applicability"> | ||
| <h2>When to Use</h2> | ||
| <p>HTML</p> | ||
| </section> | ||
| <section id="description"> | ||
| <h2>Description</h2> | ||
| <p>The objective of this technique is to describe how the <code class="language-html">link</code> element can | ||
| provide metadata about the position of an HTML page within a set of Web pages or can | ||
| assist in locating content with a set of Web pages. The value of the <code class="language-html">rel</code> | ||
| attributes indicates what type of relation is being described, and the <code class="language-html">href</code> | ||
| attribute provides a link to the document having that relation. Different <code class="language-html">link</code> element <code class="language-html">rel</code> values are used to create relationships:</p> | ||
| <ul> | ||
| <li><code class="language-html">next</code>: Refers to the next document in a linear sequence of documents.</li> | ||
| <li><code class="language-html">prev</code>: Refers to the previous document in an ordered series of documents.</li> | ||
| </ul> | ||
| </section> | ||
| <section id="examples"> | ||
| <h2>Examples</h2> | ||
| <section class="example"> | ||
|
|
||
| <p>A Web page for Chapter 2 of an on-line book might contain the following links | ||
| within the <code class="language-html">head</code> section.</p> | ||
|
|
||
| <pre xml:space="preserve"><link rel="prev" href="Chapter01.html" title="01. Why Volunteer?"> | ||
| <link rel="next" href="Chapter03.html" title="03. Who Volunteers?" /></pre> | ||
| </section> | ||
| </section> | ||
| <section id="tests"> | ||
| <h2>Tests</h2> | ||
| <section class="procedure"> | ||
| <h3>Procedure</h3> | ||
| <p>For a Web page that is within a sequence or collection of Web pages: </p> | ||
| <ol> | ||
| <li>Check that all <code class="language-html">link</code> elements pertaining to navigation occur in the <code class="language-html">head</code> section of the document.</li> | ||
| <li> | ||
| <p>For each <code class="language-html">link</code> element in the <code class="language-html">head</code> section of the document which pertains to navigation, check that it contains at least:</p> | ||
| <ol> | ||
| <li>a <code class="language-html">rel</code> attribute identifying the link type</li> | ||
| <li>a valid <code class="language-html">href</code> attribute to locate the appropriate resource</li> | ||
| </ol> | ||
| </li> | ||
| </ol> | ||
| </section> | ||
| <section class="results"> | ||
| <h3>Expected Results</h3> | ||
| <ul> | ||
| <li>All of the checks above are true.</li> | ||
| </ul> | ||
| </section> | ||
| </section> | ||
| <section id="related"> | ||
| <h2>Related Techniques</h2> | ||
| <ul> | ||
| <li><a href="../general/G1">G1</a></li> | ||
| <li><a href="../general/G63">G63</a></li> | ||
| <li><a href="../general/G64">G64</a></li> | ||
| <li><a href="../general/G123">G123</a></li> | ||
| </ul> | ||
| </section> | ||
| <section id="resources"> | ||
| <h2>Resources</h2> | ||
|
|
||
| <ul> | ||
| <li> | ||
| <a href="https://html.spec.whatwg.org/multipage/semantics.html#the-link-element">HTML - <code class="language-html">link</code> element</a> | ||
| </li> | ||
| <li> | ||
| <a href="https://html.spec.whatwg.org/multipage/links.html#sequential-link-types">HTML - sequential link types</a> | ||
| </li> | ||
| </ul> | ||
|
|
||
| </section></body></html> |