63 lines
1.9 KiB
HTML
63 lines
1.9 KiB
HTML
<!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>
|