| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body id="body"> |
| |
| <p>Simple paragraph</p> |
| <p role="grid">A paragraph pretending to be a table</p> |
| |
| <label>A label</label> |
| <label role="heading">Who said label? It's a heading!</label> |
| |
| <form>A form with a button <button name="button" value="Button">Click me!</button></form> |
| <form role="button">Just a button <button name="button" value="Button">Click me!</button></form> |
| |
| <div>Just some text inside a div</div> |
| <div role="textbox">This div is contains a textbox (an entry)</div> |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| <script> |
| description("This tests that ARIA roles are not ignored for 'p','label', 'form' and 'div' elements"); |
| |
| if (window.layoutController) { |
| testRunner.dumpAsText(); |
| } |
| |
| if (window.accessibilityController) { |
| document.getElementById("body").focus(); |
| var webArea = accessibilityController.focusedElement; |
| |
| // Paragraphs |
| var element = webArea.childAtIndex(0); |
| shouldBe("element.role", "'AXRole: AXParagraph'"); |
| element = webArea.childAtIndex(1); |
| shouldBe("element.role", "'AXRole: AXTable'"); |
| |
| // Labels are exposed as inside a panel |
| var labelsPanel = webArea.childAtIndex(2); |
| element = labelsPanel.childAtIndex(0); |
| shouldBe("element.role", "'AXRole: AXLabel'"); |
| element = labelsPanel.childAtIndex(1); |
| shouldBe("element.role", "'AXRole: AXHeading'"); |
| |
| // Forms |
| element = webArea.childAtIndex(3); |
| shouldBe("element.role", "'AXRole: AXForm'"); |
| element = webArea.childAtIndex(4); |
| shouldBe("element.role", "'AXRole: AXButton'"); |
| |
| // Divs |
| element = webArea.childAtIndex(5); |
| shouldBe("element.role", "'AXRole: AXSection'"); |
| element = webArea.childAtIndex(6); |
| shouldBe("element.role", "'AXRole: AXTextField'"); |
| } |
| |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
