Accessibility Examples
Test Start
Link context from surrounding sentence
Test 1: Link is at the end of the sentence:
Test sentence 1 provides context for Test 1 Link.Test sentence 2 also provides context for Test 1 link.
Test 2: More text follows the link:
Test sentence 3 contains Test 2 link, which is followed by more text.Test sentence 4 also contains Test 2 link, which is followed by more text.
Test 3: One link at the beginning of a sentence:
Test 3 Link is at the beginning of sentence 5.Test 3 Link is also at the beginning of sentence 6.
Test 4: Multiple links at the beginning of a sentence:
Test 4 Link 1 Test 4 Link 2 Test 4 Link 3 are at the beginning of sentence 7.Link 1 Link 4 Link 2 are at the beginning of sentence 8.
Test 5: Multiple links interspersed with sentence text:
Test 5 Link 1 begins sentence 9, followed by Test 5 Link 2, with Test 5 Link 3 following both of them.Test 5 Link 1 begins sentence 10, followed by Test 5 Link 2, with Test 5 Link 3 following both of them.
Failure cases
Test 6: Link is at the end of the sentence:
Test sentence does not provide unique context for Test 6 link.Test sentence does not provide unique context for Test 6 link.
This sentence encapsulates some text in a span, and is followed by Test 6 link.
This sentence encapsulates some text in a span, and is followed by Test 6 link.
Test 7: More text follows the link:
Test sentence contains a Test 7 link, which is followed by more text.Test sentence contains a Test 7 link, which is followed by more text.
This sentence also contains a Test 7 link (which is followed by more text).
This sentence also contains a Test 7 link (which is followed by more text).
Test 8: One link at the beginning of a sentence:
Test 8 Link is at the beginning of this sentence.Test 8 Link is at the beginning of this sentence.
Test 9: Multiple links at the beginning of a sentence:
Test 9 Link 1 Test 9 Link 2 Test 9 Link 3 are at the beginning of the sentence.Test 9 Link 1 Test 9 Link 2 Test 9 Link 3 are at the beginning of the sentence.
Test 10: Multiple links interspersed with sentence text:
Test 10 Link 1 begins the sentence, followed by Test 10 Link 2, with Test 10 Link 3 following both of them.Test 10 Link 1 begins the sentence, followed by Test 10 Link 2, with Test 10 Link 3 following both of them.
Test End
Rule References
| Rule | Pass IDs | Fail IDs |
|---|---|---|
| Rule 40 |
|
|
Calculations
No calculations for test 108
Test Description
- This test contains links embedded within different sentences to give them unique context.
* The links have the same link text. Failing cases have the same sentence text.
Test Markup
- HTML4: a[href]
User Agent Implementation
No user agent implementation information.
HTML Source Code
<div class="wrapper">
<h2>Link context from surrounding sentence</h2>
<h3>Test 1: Link is at the end of the sentence:</h3>
Test sentence 1 provides context for <a id="id1" href="#1">Test 1 Link</a>.<br/>
Test sentence 2 also provides context for <a id="id2" href="#2">Test 1 link</a>.<br/>
<h3>Test 2: More text follows the link:</h3>
Test sentence 3 contains <a id="id3" href="#3">Test 2 link</a>, which is followed by more text.<br/>
Test sentence 4 also contains <a id="id4" href="#4">Test 2 link</a>, which is followed by more text.<br/>
<h3>Test 3: One link at the beginning of a sentence:</h3>
<a id="id5" href="#5">Test 3 Link</a> is at the beginning of sentence 5.<br/>
<a id="id6" href="#6">Test 3 Link</a> is also at the beginning of sentence 6.<br/>
<h3>Test 4: Multiple links at the beginning of a sentence:</h3>
<a id="id7" href="#7">Test 4 Link 1</a> <a id="id8" href="#8">Test 4 Link 2</a> <a id="id9" href="#9">Test 4 Link 3</a> are at the beginning of sentence 7.<br/>
<a id="id10" href="#10">Link 1</a> <a id="id11" href="#11">Link 4</a> <a id="id12" href="#12">Link 2</a> are at the beginning of sentence 8.<br/>
<h3>Test 5: Multiple links interspersed with sentence text:</h3>
<a id="id13" href="#13">Test 5 Link 1</a> begins sentence 9, followed by <a id="id14" href="#14">Test 5 Link 2</a>, with <a id="id15" href="#15">Test 5 Link 3</a> following both of them.<br/>
<a id="id16" href="#16">Test 5 Link 1</a> begins sentence 10, followed by <a id="id17" href="#17">Test 5 Link 2</a>, with <a id="id18" href="#18">Test 5 Link 3</a> following both of them.<br/>
<h2>Failure cases</h2>
<h3>Test 6: Link is at the end of the sentence:</h3>
Test sentence does not provide unique context for <a id="id19" href="#19">Test 6 link</a>.<br/>
Test sentence does not provide unique context for <a id="id20" href="#20">Test 6 link</a>.<br/>
<span class="bold">This sentence</span> encapsulates some text in a span, and is followed by <a id="id21" href="#21">Test 6 link</a>.<br/>
This sentence <span class="bold">encapsulates some text</span> in a span, and is followed by</span> <a id="id22" href="#22">Test 6 link</a>.<br/>
<h3>Test 7: More text follows the link:</h3>
Test sentence contains a <a id="id23" href="#23">Test 7 link</a>, which is followed by more text.<br/>
Test sentence contains a <a id="id24" href="#24">Test 7 link</a>, which is followed by more text.<br/>
This sentence also contains a <a id="id25" href="#25">Test 7 link</a> <span class="bold">(which is followed by more text)</span>.<br/>
This sentence also contains a <a id="id26" href="#26">Test 7 link</a> (which is followed by more text).<br/>
<h3>Test 8: One link at the beginning of a sentence:</h3>
<a id="id27" href="#27">Test 8 Link</a> is at the beginning of this sentence.<br/>
<a id="id28" href="#28">Test 8 Link</a> is at the beginning of this sentence.<br/>
<h3>Test 9: Multiple links at the beginning of a sentence:</h3>
<a id="id29" href="#29">Test 9 Link 1</a> <a id="id30" href="#30">Test 9 Link 2</a> <a id="id31" href="#31">Test 9 Link 3</a> are at the beginning of the sentence.<br/>
<a id="id32" href="#32">Test 9 Link 1</a> <a id="id33" href="#33">Test 9 Link 2</a> <a id="id34" href="#34">Test 9 Link 3</a> are at the beginning of the sentence.<br/>
<h3>Test 10: Multiple links interspersed with sentence text:</h3>
<a id="id35" href="#35">Test 10 Link 1</a> begins the sentence, followed by <a id="id36" href="#36">Test 10 Link 2</a>, with <a id="id37" href="#37">Test 10 Link 3</a> following both of them.<br/>
<a id="id38" href="#38">Test 10 Link 1</a> begins the sentence, followed by <a id="id39" href="#39">Test 10 Link 2</a>, with <a id="id40" href="#40">Test 10 Link 3</a> following both of them.<br/>
</div>
CSS Code
div.wrapper {
margin: 20px;
padding: 10px;
overflow: visible;
background-color: #faf7f0;
border: 1px solid #880000;
-webkit-border-radius: 10px; /* Safari and Chrome rounded corners */
-moz-border-radius: 10px; /* Firefox rounded corners */
border-radius: 10px; /* Opera rounded corners */
}
.bold {
font-weight: bold;
}