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>This table has a static text role because it has a presentation role.</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 <div>The "Presentation th" has a static text role because it has a presentation
role.</div> |
| 30 <table> |
| 31 <tr role="presentation"> |
| 32 <th>Presentation th</th> |
| 33 </tr> |
| 34 <tr> |
| 35 <td>Normal td</td> |
| 36 </tr> |
| 37 </table> |
| 38 |
| 39 <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> |
| 40 <table role="presentation"> |
| 41 <tr role="row"> |
| 42 <th>Explicit th</th> |
| 43 </tr> |
| 44 <tr> |
| 45 <td>Implicit td</td> |
| 46 </tr> |
| 47 </table> |
| 48 |
| 49 <div>The menu items except button have a static text role because it has a prese
ntation role and is disabled.<br> |
| 50 Button has a button role because it has an explicit role.</div> |
| 51 <menu type="context" role="presentation"> |
| 52 <input type="checkbox" name="vehicle" value="Bike" disabled> I have a bike |
| 53 <input type="button" role="button" value="Click me" disabled> |
| 54 <input type="radio" name="gender" value="male" disabled> Male |
| 55 <input type="radio" name="gender" value="female" disabled> Female |
| 56 </menu> |
| 57 |
| 58 <div>The option A has a static text role because it has a presentation role and
is disabled.<br> |
| 59 The option B has option role because it has an explicit role.</div> |
| 60 <select multiple role="presentation" disabled> |
| 61 <option value="A" disabled>A</option> |
| 62 <option value="B" disabled role="option">B</option> |
| 63 </select> |
| 64 |
| 65 <p>End of test</p> |
| 66 <p id="description"></p> |
| 67 <div id="console"></div> |
| 68 <script> |
| 69 description("This test make sure that presentation role is inherited to required
owned elements."); |
| 70 |
| 71 if (window.testRunner) |
| 72 testRunner.dumpAsText(); |
| 73 if (window.accessibilityController) { |
| 74 buildAccessibilityTree(accessibilityController.focusedElement, 0, 1); |
| 75 } |
| 76 </script> |
OLD | NEW |