OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../js/resources/js-test-pre.js"></script> | 4 <script src="../js/resources/js-test-pre.js"></script> |
5 <script src="resources/spatial-navigation-utils.js"></script> | 5 <script src="resources/spatial-navigation-utils.js"></script> |
6 <script type="application/javascript"> | 6 <script type="application/javascript"> |
7 | 7 |
8 var resultMap = [ | 8 var resultMap = [ |
9 ["Up", "start"], | 9 ["Up", "start"], |
10 ["Down", "v1"], | 10 ["Down", "v1"], |
(...skipping 25 matching lines...) Expand all Loading... |
36 } | 36 } |
37 | 37 |
38 function testCompleted() | 38 function testCompleted() |
39 { | 39 { |
40 finishJSTest(); | 40 finishJSTest(); |
41 } | 41 } |
42 | 42 |
43 window.onload = runTest; | 43 window.onload = runTest; |
44 jsTestIsAsync = true; | 44 jsTestIsAsync = true; |
45 </script> | 45 </script> |
46 <script src="../js/resources/js-test-post.js"></script> | |
47 </head> | 46 </head> |
48 | 47 |
49 <body id="some-content" xmlns="http://www.w3.org/1999/xhtml"> | 48 <body id="some-content" xmlns="http://www.w3.org/1999/xhtml"> |
50 | 49 |
51 <p>This is a link <a id="start" href="a">start of Test</a>.</p> | 50 <p>This is a link <a id="start" href="a">start of Test</a>.</p> |
52 <video id="v1" controls tabindex="0" src="../../media/content/test.mp4"></vi
deo> | 51 <video id="v1" controls tabindex="0" src="../../media/content/test.mp4"></vi
deo> |
53 | 52 |
54 <p>This is a link <a id="i2" href="a">i2</a>.</p> | 53 <p>This is a link <a id="i2" href="a">i2</a>.</p> |
55 <video id="v3" controls src="../../media/content/test.mp4"></video> | 54 <video id="v3" controls src="../../media/content/test.mp4"></video> |
56 | 55 |
57 <p>This is a link <a id="i4" href="a">i4</a>.</p> | 56 <p>This is a link <a id="i4" href="a">i4</a>.</p> |
58 <video id="v5" tabindex="0" src="../../media/content/test.mp4"></video> | 57 <video id="v5" tabindex="0" src="../../media/content/test.mp4"></video> |
59 | 58 |
60 <p>This is a link <a id="i6" href="a">i6</a>.</p> | 59 <p>This is a link <a id="i6" href="a">i6</a>.</p> |
61 <audio id="a7" controls src="../../media/content/test.wav"></audio> | 60 <audio id="a7" controls src="../../media/content/test.wav"></audio> |
62 | 61 |
63 <p>This is a link <a id="i8" href="a">i8</a>.</p> | 62 <p>This is a link <a id="i8" href="a">i8</a>.</p> |
64 <!-- 'a9' is not focussable: no controls attribute as well no tab index. | 63 <!-- 'a9' is not focussable: no controls attribute as well no tab index. |
65 Key down from 'i8' should go to 'end'. --> | 64 Key down from 'i8' should go to 'end'. --> |
66 <audio id="a9" src="../../media/content/test.mp4"></audio> | 65 <audio id="a9" src="../../media/content/test.mp4"></audio> |
67 | 66 |
68 <p>This is a link <a id="end" href="a">End of Test</a>.</p> | 67 <p>This is a link <a id="end" href="a">End of Test</a>.</p> |
69 | 68 |
70 <div id="console"></div> | 69 <div id="console"></div> |
71 <p>This tests that a media elements ie: <code><Audio></code> or <code>
<video></code>, without tabindex are able to be reached through keyboard a
ccess</p> | 70 <p>This tests that a media elements ie: <code><Audio></code> or <code>
<video></code>, without tabindex are able to be reached through keyboard a
ccess</p> |
72 </body> | 71 </body> |
73 </html> | 72 </html> |
OLD | NEW |