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="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.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 30 matching lines...) Expand all Loading... |
41 } | 41 } |
42 | 42 |
43 window.onload = runTest; | 43 window.onload = runTest; |
44 jsTestIsAsync = true; | 44 jsTestIsAsync = true; |
45 </script> | 45 </script> |
46 </head> | 46 </head> |
47 | 47 |
48 <body id="some-content" xmlns="http://www.w3.org/1999/xhtml"> | 48 <body id="some-content" xmlns="http://www.w3.org/1999/xhtml"> |
49 | 49 |
50 <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> |
51 <video id="v1" controls tabindex="0" src="../../media/content/test.mp4"></vi
deo> | 51 <video id="v1" controls tabindex="0" src="../../media/content/test.webm"></v
ideo> |
52 | 52 |
53 <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> |
54 <video id="v3" controls src="../../media/content/test.mp4"></video> | 54 <video id="v3" controls src="../../media/content/test.webm"></video> |
55 | 55 |
56 <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> |
57 <video id="v5" tabindex="0" src="../../media/content/test.mp4"></video> | 57 <video id="v5" tabindex="0" src="../../media/content/test.webm"></video> |
58 | 58 |
59 <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> |
60 <audio id="a7" controls src="../../media/content/test.wav"></audio> | 60 <audio id="a7" controls src="../../media/content/test.wav"></audio> |
61 | 61 |
62 <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> |
63 <!-- '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. |
64 Key down from 'i8' should go to 'end'. --> | 64 Key down from 'i8' should go to 'end'. --> |
65 <audio id="a9" src="../../media/content/test.mp4"></audio> | 65 <audio id="a9" src="../../media/content/test.webm"></audio> |
66 | 66 |
67 <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> |
68 | 68 |
69 <div id="console"></div> | 69 <div id="console"></div> |
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> | 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> |
71 </body> | 71 </body> |
72 </html> | 72 </html> |
OLD | NEW |