-
Notifications
You must be signed in to change notification settings - Fork 1
/
README-offline.html
104 lines (83 loc) · 6.67 KB
/
README-offline.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>longdesc-tests</title>
<style>nav ul, nav li { display:inline} </style>
</head>
<body>
<h1>Longdesc tests</h1>
<p>Some tests proposed by Charles McCathie Nevile for the <a href="http://www.w3.org/TR/html-longdesc">HTML Image Description Extension</a> specification. All tests are ©chaals, and are made available under the terms of the <a href="http://www.w3.org/Consortium/Legal/copyright-software">W3C software license</a>.</p>
<nav>
<ul>
<li><a href="#mult">Multifunction tests</a></li>
<li><a href="#auto">Automated browser tests</a></li>
<li><a href="#valid">Validation/Repair Tool tests</a></li>
<li><a href="#results">Test Results</a></li>
<li><a href="#support">About the supporting files</a></li>
</ul>
</nav>
<h2>Multifunction tests</h2>
<p>There are tests for descriptions under different combinations of circumstances - images included "normally", as data: URIs, or missing, with the descriptions internal or external to the page, as a data: URI, or in a location only reachable by taking into account the base element</p>
<p>The same tests can be used to determine whether </p>
<ul>
<li>the User Agent informs the user that there is a description;</li>
<li>the User Agent enables the user to access the description; and</li>
<li>the description is communicated through system accessibility APIs.</li></ul>
<h3>Longdesc value as data:URI</h3>
<ul>
<li><a href="data-uri-image-data-uri-description.html">data:URI image with data:URI description</a></li>
<li><a href="empty-image-data-uri-description.html">Empty image with data:URI description</a></li>
<li><a href="external-image-data-uri-description-girt-by-spaces.html">External image with data:URI description (with extra spaces)</a></li>
<li><a href="external-image-data-uri-description.html">External image with data:URI description</a></li>
</ul>
<h3>Longdesc value as external URI</h3>
<ul>
<li><a href="data-uri-image-external-description.html">data:URI with External description</a></li>
<li><a href="empty-image-external-description.html">Empty image with an External description</a></li>
<li><a href="external-image-external-description-girt-by-spaces.html">External image with External description (with extra spaces)</a></li>
<li><a href="external-image-external-description.html">External image with External description</a></li>
</ul>
<h3>Longdesc value as internal URI (same page link)</h3>
<ul>
<li><a href="data-uri-image-internal-description.html">data:URI with Internal description.html</a>
<li><a href="empty-image-internal-description.html">Empty image with an Internal description.html</a>
<li><a href="external-image-internal-description-girt-by-spaces.html">External image with an Internal description (with extra spaces</a>
<li><a href="external-image-internal-description.html">External image with an Internal description</a>
</ul>
<h3>Longdesc value as a fragment in an external URI</h3>
<ul>
<li><a href="data-uri-image-external-description-fragment.html">data:URI with External description fragment</a></li>
<li><a href="empty-image-external-description-fragment.html">Empty image with an External description fragment</a></li>
<li><a href="external-image-external-description-fragment-girt-by-spaces.html">External image with External description fragment (with extra spaces around the URL)</a></li>
<li><a href="external-image-external-description-fragment.html">External image with External description fragment</a></li>
</ul>
<h3>Longdesc value as external URI in presence of a <code>base</code> element</h3>
<ul>
<li><a href="external-image-with-relative-base-external-description.html">External image with External Description (relative base element set)</a>
<li><a href="external-image-with-absolute-base-external-description.html">External image with External Description (absolute base element set)</a>
</ul>
<h3>longdesc inside an iframe</h3>
<p>The test <a href="iframe-discoverability.html">Image in an iframe with External Description</a> loads an an image with a long description from a separate document using an <code>iframe</code>. To pass, the tester must be able to access the "Longdesc test Pass Page" which consists of the word "Pass" in a heading level 1 followed by a long description of the image.</p>
<h2>Automated browser tests</h2>
<p><a href="reflected-changing-longdesc.html">Longdesc value updated by javascript</a> tests whether the HTML attribute reflects changes made by javascript. To pass, the browser must be redirected to <a href="pass.html">pass.html</a> which has the word "Pass" as a heading followed by a description of the image. Displaying the "Longdesc test Fail Page" would indicate a failure of this test. This test requires javascript to function.</p>
<h2>Validation tool tests</h2>
<p>The test <a href="invalid-longdescription.html">Invalid long description (plain text)</a> contains an invalid long description and can be used to test User Agent and validation tool handling. <strong>Note</strong> Handling of invalid longdescs by user agents is currently undefined.</p>
<p>The test <a href="empty-longdesc.html">Invalid long description (empty attribute)</a> contains an invalid long description and can be used to test User Agent and validation tool handling. <strong>Note</strong> Handling of invalid longdescs by user agents is currently undefined.</p>
<p>The test <a href="fail-fragment-pointer.html">Invalid long description fragment (the target is an empty element)</a> contains a pointer to <a href="fail-fragment-pointer.html">an invalidly marked long description as a fragment of a document</a> and can be used to test validation tool handling.</p>
<h2>Results</h2>
Preliminary <a href="test-results.html">test results</a> are available for a handful of platforms. Further results are very welcome!
<h2>Supporting files</h2>
<p>The following files are used to make one or more of the tests work:</p>
<ul>
<li><a href="README-offline.html">README-offline.html</a> is this file, for use when the repository is simply posted somewhere.</li>
<li><a href="README.md">README.md</a> is the equivalent content of this file in markdown format, for use with the github.com repository.</li>
<li><a href="fail.html">fail.html</a></li>
<li><a href="pass.html">pass.html</a></li>
<li><a href="fail-fragment.html">fail-fragment.html</a></li>
<li><a href="pass-fragment.html">pass-fragment.html</a></li>
<li><a href="picture.png"> picture.png </a></li>
<li><a href="rebased/picture2.png">rebased/picture2.png</a></li>
<li><a href="rebased/fail.html">rebased/fail.html</a> (despite the name, this is a pass page used to test what happens when a <code>base</code> element is used)</li>
</ul>
</body></html>