accessible/tests/mochitest/jsat/doc_traversal.html@b8a032363ba2
accessible/tests/mochitest/jsat/doc_traversal.html
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Traversal Rule test document</title>
5 <meta charset="utf-8" />
6 </head>
7 <body>
8 <h3 id="heading-1">A small first heading</h3>
9 <form>
10 <label for="input-1-1">Name:</label>
11 <input id="input-1-1">
12 <label id="label-1-2">Favourite Ice Cream Flavour:<input id="input-1-2"></label>
13 <button id="button-1-1">Magic Button</button>
14 <label for="radio-1-1">Radios are old: </label>
15 <input id="radio-1-1" type="radio">
16 <label for="radio-1-2">Radios are new: </label>
17 <input id="radio-1-2" type="radio">
18 <label for="input-1-3">Password:</label>
19 <input id="input-1-3" type="password">
20 <label for="input-1-4">Unlucky number:</label>
21 <input id="input-1-4" type="tel">
22 <input id="button-1-2" type="button" value="Fun">
23 <label for="checkbox-1-1">Check me: </label>
24 <input id="checkbox-1-1" type="checkbox">
25 <select id="select-1-1">
26 <option>Value 1</option>
27 <option>Value 2</option>
28 <option>Value 3</option>
29 </select>
30 <select id="select-1-2" multiple="true">
31 <option>Value 1</option>
32 <option>Value 2</option>
33 <option>Value 3</option>
34 </select>
35 <label for="checkbox-1-2">Check me too: </label>
36 <input id="checkbox-1-2" type="checkbox">
37 <label for="checkbox-1-3">But not me: </label>
38 <input id="checkbox-1-3" type="checkbox" aria-hidden="true">
39 <label for="checkbox-1-4">Or me! </label>
40 <input id="checkbox-1-3" type="checkbox" style="visibility:hidden">
41 <select id="select-1-3" size="3">
42 <option>Value 1</option>
43 <option>Value 2</option>
44 <option>Value 3</option>
45 </select>
46 <label for="input-1-5">Electronic mailing address:</label>
47 <input id="input-1-5" type="email">
48 <input id="button-1-3" type="submit" value="Submit">
50 </form>
51 <h2 id="heading-2">A larger second</h2>
52 <div id="heading-3" role="heading">ARIA is fun</div>
53 <input id="button-2-1" type="button" value="More Fun">
54 <div id="button-2-2" tabindex="0" role="button">ARIA fun</div>
55 <div id="button-2-3" tabindex="0" role="button" aria-pressed="false">My little togglebutton</div>
56 <div id="button-2-4" tabindex="0" role="spinbutton">ARIA fun</div>
57 <h1 id="heading-4" style="display:none">Invisible header</h1>
58 <dl id="list-1">
59 <dt id="listitem-1-1">Programming Language</dt>
60 <dd>A esoteric weapon wielded by only the most formidable warriors,
61 for its unrelenting strict power is unfathomable.</dd>
62 </dl>
63 <ul id="list-2">
64 <li id="listitem-2-1">Lists of Programming Languages</li>
65 <li id="listitem-2-2">Lisp
66 <ol id="list-3">
67 <li id="listitem-3-1">Scheme</li>
68 <li id="listitem-3-2">Racket</li>
69 <li id="listitem-3-3">Clojure</li>
70 </ol>
71 </li>
72 <li id="listitem-2-3">JavaScript</li>
73 </ul>
74 <h6 id="heading-5">The last (visible) one!</h6>
75 <img id="image-1" src="http://example.com" alt="">
76 <img id="image-2" src="../moz.png" alt="stuff">
77 <div id="image-3" tabindex="0" role="img">Not actually an image</div>
78 <h4 id="heading-6" aria-hidden="true">Hidden header</h4>
79 <a id="link-1" href="http://www.mozilla.org">Link</a>
80 <a id="anchor-1">Words</a>
81 <a id="link-2" href="http://www.mozilla.org">Link the second</a>
82 <a id="anchor-2">Sentences</a>
83 <a id="link-3" href="http://www.example.com">Link the third</a>
84 <hr id="separator-1">
85 <h6 id="heading-6"></h6>
86 <table id="table-1">
87 <tr>
88 <td>3</td>
89 <td>1</td>
90 </tr>
91 <tr>
92 <td>4</td>
93 <td>1</td>
94 </tr>
95 </table>
96 <div id="separator-2" role="separator">Just an innocuous separator</div>
97 <table id="table-2">
98 <thead>
99 <tr>
100 <th>Dirty Words</th>
101 <th>Meaning</th>
102 </tr>
103 </thead>
104 <tfoot>
105 <tr>
106 <td>Mud</td>
107 <td>Wet Dirt</td>
108 </tr>
109 </tfoot>
110 <tbody>
111 <tr>
112 <td>Dirt</td>
113 <td>Messy Stuff</td>
114 </tr>
115 </tbody>
116 </table>
117 </body>
118 </html>
