OLD | NEW |
(Empty) | |
| 1 <script src="../resources/js-test.js"></script> |
| 2 <script src="../resources/accessibility-helper.js"></script> |
| 3 <div>These lists have a static text role because they have a presentation role.<
/div> |
| 4 <ul role="presentation"> |
| 5 <li>Presentation Item 1</li> |
| 6 <li>Presentation Item 2</li> |
| 7 </ul> |
| 8 |
| 9 <div>The first list item has a listitem role even if ul has a presentation role
because it has an explicit role.</div> |
| 10 <ul role="presentation"> |
| 11 <li role="listitem">Explicit Item 1</li> |
| 12 <li>Implicit Item 2</li> |
| 13 </ul> |
| 14 |
| 15 <div>These two tables have static text roles because they have presentation role
s.</div> |
| 16 <table role="presentation"> |
| 17 <thead> |
| 18 <tr> |
| 19 <th>Presentation th</th> |
| 20 </tr> |
| 21 </thead> |
| 22 <tbody> |
| 23 <tr> |
| 24 <td>Presentation th</td> |
| 25 </tr> |
| 26 </tbody> |
| 27 </table> |
| 28 |
| 29 <table role="presentation"> |
| 30 <tr> |
| 31 <th>Presentation th</th> |
| 32 </tr> |
| 33 </table> |
| 34 |
| 35 <div>The "Presentation th" has a static text role because it has a presentation
role.</div> |
| 36 <table> |
| 37 <tr role="presentation"> |
| 38 <th>Presentation th</th> |
| 39 </tr> |
| 40 <tr> |
| 41 <td>Normal td</td> |
| 42 </tr> |
| 43 </table> |
| 44 |
| 45 <div>The row for "Explicit th" has a row role even if table has a presentation r
ole because it has an explicit role.</div> |
| 46 <table role="presentation"> |
| 47 <tr role="row"> |
| 48 <th>Explicit th</th> |
| 49 </tr> |
| 50 <tr> |
| 51 <td>Implicit td</td> |
| 52 </tr> |
| 53 </table> |
| 54 |
| 55 <div>The menu items except button have a static text role because it has a prese
ntation role and is disabled.<br> |
| 56 Button has a button role because it has an explicit role.</div> |
| 57 <menu type="context" role="presentation"> |
| 58 <input type="checkbox" name="vehicle" value="Bike" disabled> I have a bike |
| 59 <input type="button" role="button" value="Click me" disabled> |
| 60 <input type="radio" name="gender" value="male" disabled> Male |
| 61 <input type="radio" name="gender" value="female" disabled> Female |
| 62 </menu> |
| 63 |
| 64 <div>The option A has a static text role because it has a presentation role and
is disabled.<br> |
| 65 The option B has option role because it has an explicit role.</div> |
| 66 <select multiple role="presentation" disabled> |
| 67 <option value="A" disabled>A</option> |
| 68 <option value="B" disabled role="option">B</option> |
| 69 </select> |
| 70 |
| 71 <p>End of test</p> |
| 72 <p id="description"></p> |
| 73 <div id="console"></div> |
| 74 <script> |
| 75 description("This test make sure that presentation role is inherited to required
owned elements."); |
| 76 |
| 77 if (window.testRunner) |
| 78 testRunner.dumpAsText(); |
| 79 if (window.accessibilityController) { |
| 80 buildAccessibilityTree(accessibilityController.focusedElement, 0, 1); |
| 81 } |
| 82 </script> |
OLD | NEW |