1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
4 <script src="../fast/js/resources/js-test-pre.js"></script>
8 <ul id="tablist_1" role="tablist">
9 <li id="tab_1" role="tab" tabindex="0" class="">Crust</li>
10 <li id="tab_2" role="tab" tabindex="0" class="">Veges</li>
13 <div id="panel_1" role="tabpanel" aria-labelledby="tab_1" >
18 <p id="description"></p>
19 <div id="console"></div>
23 description("This tests that the aria roles for tab, tabpanel and tablist work as expected correctly.");
25 if (window.accessibilityController) {
27 var body = document.getElementById("body");
30 var tabList = accessibilityController.focusedElement.childAtIndex(0);
31 var tab1 = tabList.childAtIndex(0);
32 var tab2 = tabList.childAtIndex(1);
33 var tabPanel = accessibilityController.focusedElement.childAtIndex(1);
35 shouldBe("tabList.role", "'AXRole: AXTabGroup'");
36 shouldBe("tab1.role", "'AXRole: AXRadioButton'");
37 shouldBe("tab1.title", "'AXTitle: Crust'");
38 shouldBe("tab1.childrenCount", "0");
39 shouldBe("tab2.role", "'AXRole: AXRadioButton'");
40 shouldBe("tab2.title", "'AXTitle: Veges'");
41 shouldBe("tabPanel.role", "'AXRole: AXGroup'");
42 shouldBe("tabPanel.subrole", "'AXSubrole: AXTabPanel'");
47 <script src="../fast/js/resources/js-test-post.js"></script>