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