| 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 |