1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/accessible/tests/mochitest/jsat/doc_traversal.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,118 @@
1.4 +<!DOCTYPE html>
1.5 +<html>
1.6 +<head>
1.7 + <title>Traversal Rule test document</title>
1.8 + <meta charset="utf-8" />
1.9 +</head>
1.10 +<body>
1.11 + <h3 id="heading-1">A small first heading</h3>
1.12 + <form>
1.13 + <label for="input-1-1">Name:</label>
1.14 + <input id="input-1-1">
1.15 + <label id="label-1-2">Favourite Ice Cream Flavour:<input id="input-1-2"></label>
1.16 + <button id="button-1-1">Magic Button</button>
1.17 + <label for="radio-1-1">Radios are old: </label>
1.18 + <input id="radio-1-1" type="radio">
1.19 + <label for="radio-1-2">Radios are new: </label>
1.20 + <input id="radio-1-2" type="radio">
1.21 + <label for="input-1-3">Password:</label>
1.22 + <input id="input-1-3" type="password">
1.23 + <label for="input-1-4">Unlucky number:</label>
1.24 + <input id="input-1-4" type="tel">
1.25 + <input id="button-1-2" type="button" value="Fun">
1.26 + <label for="checkbox-1-1">Check me: </label>
1.27 + <input id="checkbox-1-1" type="checkbox">
1.28 + <select id="select-1-1">
1.29 + <option>Value 1</option>
1.30 + <option>Value 2</option>
1.31 + <option>Value 3</option>
1.32 + </select>
1.33 + <select id="select-1-2" multiple="true">
1.34 + <option>Value 1</option>
1.35 + <option>Value 2</option>
1.36 + <option>Value 3</option>
1.37 + </select>
1.38 + <label for="checkbox-1-2">Check me too: </label>
1.39 + <input id="checkbox-1-2" type="checkbox">
1.40 + <label for="checkbox-1-3">But not me: </label>
1.41 + <input id="checkbox-1-3" type="checkbox" aria-hidden="true">
1.42 + <label for="checkbox-1-4">Or me! </label>
1.43 + <input id="checkbox-1-3" type="checkbox" style="visibility:hidden">
1.44 + <select id="select-1-3" size="3">
1.45 + <option>Value 1</option>
1.46 + <option>Value 2</option>
1.47 + <option>Value 3</option>
1.48 + </select>
1.49 + <label for="input-1-5">Electronic mailing address:</label>
1.50 + <input id="input-1-5" type="email">
1.51 + <input id="button-1-3" type="submit" value="Submit">
1.52 +
1.53 + </form>
1.54 + <h2 id="heading-2">A larger second</h2>
1.55 + <div id="heading-3" role="heading">ARIA is fun</div>
1.56 + <input id="button-2-1" type="button" value="More Fun">
1.57 + <div id="button-2-2" tabindex="0" role="button">ARIA fun</div>
1.58 + <div id="button-2-3" tabindex="0" role="button" aria-pressed="false">My little togglebutton</div>
1.59 + <div id="button-2-4" tabindex="0" role="spinbutton">ARIA fun</div>
1.60 + <h1 id="heading-4" style="display:none">Invisible header</h1>
1.61 + <dl id="list-1">
1.62 + <dt id="listitem-1-1">Programming Language</dt>
1.63 + <dd>A esoteric weapon wielded by only the most formidable warriors,
1.64 + for its unrelenting strict power is unfathomable.</dd>
1.65 + </dl>
1.66 + <ul id="list-2">
1.67 + <li id="listitem-2-1">Lists of Programming Languages</li>
1.68 + <li id="listitem-2-2">Lisp
1.69 + <ol id="list-3">
1.70 + <li id="listitem-3-1">Scheme</li>
1.71 + <li id="listitem-3-2">Racket</li>
1.72 + <li id="listitem-3-3">Clojure</li>
1.73 + </ol>
1.74 + </li>
1.75 + <li id="listitem-2-3">JavaScript</li>
1.76 + </ul>
1.77 + <h6 id="heading-5">The last (visible) one!</h6>
1.78 + <img id="image-1" src="http://example.com" alt="">
1.79 + <img id="image-2" src="../moz.png" alt="stuff">
1.80 + <div id="image-3" tabindex="0" role="img">Not actually an image</div>
1.81 + <h4 id="heading-6" aria-hidden="true">Hidden header</h4>
1.82 + <a id="link-1" href="http://www.mozilla.org">Link</a>
1.83 + <a id="anchor-1">Words</a>
1.84 + <a id="link-2" href="http://www.mozilla.org">Link the second</a>
1.85 + <a id="anchor-2">Sentences</a>
1.86 + <a id="link-3" href="http://www.example.com">Link the third</a>
1.87 + <hr id="separator-1">
1.88 + <h6 id="heading-6"></h6>
1.89 + <table id="table-1">
1.90 + <tr>
1.91 + <td>3</td>
1.92 + <td>1</td>
1.93 + </tr>
1.94 + <tr>
1.95 + <td>4</td>
1.96 + <td>1</td>
1.97 + </tr>
1.98 + </table>
1.99 + <div id="separator-2" role="separator">Just an innocuous separator</div>
1.100 + <table id="table-2">
1.101 + <thead>
1.102 + <tr>
1.103 + <th>Dirty Words</th>
1.104 + <th>Meaning</th>
1.105 + </tr>
1.106 + </thead>
1.107 + <tfoot>
1.108 + <tr>
1.109 + <td>Mud</td>
1.110 + <td>Wet Dirt</td>
1.111 + </tr>
1.112 + </tfoot>
1.113 + <tbody>
1.114 + <tr>
1.115 + <td>Dirt</td>
1.116 + <td>Messy Stuff</td>
1.117 + </tr>
1.118 + </tbody>
1.119 + </table>
1.120 +</body>
1.121 +</html>
