2012-09-17 06:00:39 +04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Broken context hierarchy</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css"
|
|
|
|
|
href="chrome://mochikit/content/tests/SimpleTest/test.css" />
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="../common.js"></script>
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="../role.js"></script>
|
|
|
|
|
<script type="application/javascript"
|
|
|
|
|
src="../states.js"></script>
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript">
|
|
|
|
|
function doTest()
|
|
|
|
|
{
|
|
|
|
|
////////////////////////////////////////////////////////////////////////////
|
|
|
|
|
// HTML table elements outside table context.
|
|
|
|
|
|
|
|
|
|
ok(!isAccessible("tr_in_presentation_table"), "tr shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("th_in_presentation_table"), "th shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("td_in_presentation_table"), "td shouldn't be accessible");
|
|
|
|
|
|
|
|
|
|
var tree =
|
|
|
|
|
{ PUSHBUTTON: [ // table
|
|
|
|
|
{ NOTHING: [ // tr
|
|
|
|
|
{ NOTHING: [ // th
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] },
|
|
|
|
|
{ NOTHING: [ // td
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] }
|
2012-11-30 11:33:01 +04:00
|
|
|
] }
|
2012-09-17 06:00:39 +04:00
|
|
|
] };
|
|
|
|
|
testAccessibleTree("button_table", tree);
|
|
|
|
|
|
2012-12-02 15:35:41 +04:00
|
|
|
////////////////////////////////////////////////////////////////////////////
|
|
|
|
|
// HTML list elements outside list context.
|
|
|
|
|
|
|
|
|
|
ok(!isAccessible("presentation_ul"),
|
|
|
|
|
"presentational ul shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("item_in_presentation_ul"),
|
|
|
|
|
"li in presentational ul shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("styleditem_in_presentation_ul"),
|
|
|
|
|
"list styled span in presentational ul shouldn't be accessible");
|
|
|
|
|
|
|
|
|
|
ok(!isAccessible("presentation_ol"),
|
|
|
|
|
"presentational ol shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("item_in_presentation_ol"),
|
|
|
|
|
"li in presentational ol shouldn't be accessible");
|
|
|
|
|
|
|
|
|
|
ok(!isAccessible("presentation_dl"),
|
|
|
|
|
"presentational dl shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("dt_in_presentation_dl"),
|
|
|
|
|
"dt in presentational dl shouldn't be accessible");
|
|
|
|
|
ok(!isAccessible("dd_in_presentation_dl"),
|
|
|
|
|
"dd in presentational dl shouldn't be accessible");
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ PUSHBUTTON: [ // ul
|
|
|
|
|
{ NOTHING: [ // li
|
|
|
|
|
{ STATICTEXT: [ ] },
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] },
|
|
|
|
|
{ NOTHING: [ // span styled as a list
|
|
|
|
|
{ STATICTEXT: [ ] },
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("button_ul", tree);
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ PUSHBUTTON: [ // ol
|
|
|
|
|
{ NOTHING: [ // li
|
|
|
|
|
{ STATICTEXT: [ ] },
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("button_ol", tree);
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ PUSHBUTTON: [ // dl
|
|
|
|
|
{ NOTHING: [ // dt
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] },
|
|
|
|
|
{ NOTHING: [ // dd
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("button_dl", tree);
|
|
|
|
|
|
2012-09-17 06:00:39 +04:00
|
|
|
////////////////////////////////////////////////////////////////////////////
|
|
|
|
|
// Styled as HTML table elements, accessible is created by tag name
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ LINK: [ // a
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("a_as_td", tree);
|
|
|
|
|
|
|
|
|
|
tree =
|
|
|
|
|
{ HEADING: [
|
|
|
|
|
{ TEXT_LEAF: [ ] }
|
|
|
|
|
] };
|
|
|
|
|
testAccessibleTree("h1_as_td", tree);
|
|
|
|
|
testAccessibleTree("h2_as_td", tree);
|
|
|
|
|
testAccessibleTree("h3_as_td", tree);
|
|
|
|
|
testAccessibleTree("h4_as_td", tree);
|
|
|
|
|
testAccessibleTree("h5_as_td", tree);
|
|
|
|
|
testAccessibleTree("h6_as_td", tree);
|
|
|
|
|
|
|
|
|
|
SimpleTest.finish();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
addA11yLoadEvent(doTest);
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<a target="_blank"
|
|
|
|
|
href="https://bugzilla.mozilla.org/show_bug.cgi?id=706849"
|
|
|
|
|
title="Create accessible by tag name as fallback if table descendant style is used out of table context">
|
|
|
|
|
Mozilla Bug 706849
|
|
|
|
|
</a>
|
2012-12-02 15:35:41 +04:00
|
|
|
<a target="_blank"
|
|
|
|
|
href="https://bugzilla.mozilla.org/show_bug.cgi?id=804461"
|
|
|
|
|
title="Build the context dependent tree ">
|
|
|
|
|
Mozilla Bug 804461
|
|
|
|
|
</a>
|
2012-09-17 06:00:39 +04:00
|
|
|
<p id="display"></p>
|
|
|
|
|
<div id="content" style="display: none"></div>
|
|
|
|
|
<pre id="test">
|
|
|
|
|
</pre>
|
|
|
|
|
|
|
|
|
|
<!-- HTML table elements out of table -->
|
|
|
|
|
<table role="presentation">
|
|
|
|
|
<tr id="tr_in_presentation_table">
|
|
|
|
|
<th id="th_in_presentation_table">not a header</th>
|
|
|
|
|
<td id="td_in_presentation_table">not a cell</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
<table role="button" id="button_table">
|
|
|
|
|
<tr id="tr_in_button_table">
|
|
|
|
|
<th id="th_in_button_table">not a header</th>
|
|
|
|
|
<td id="td_in_button_table">not a cell</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</table>
|
|
|
|
|
|
2012-12-02 15:35:41 +04:00
|
|
|
<!-- HTML list elements out of list -->
|
|
|
|
|
<ul role="presentation" id="presentation_ul">
|
|
|
|
|
<li id="item_in_presentation_ul">item</li>
|
|
|
|
|
<span id="styleditem_in_presentation_ul"
|
|
|
|
|
style="display:list-item">Oranges</span>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<ol role="presentation" id="presentation_ol">
|
|
|
|
|
<li id="item_in_presentation_ol">item</li>
|
|
|
|
|
</ol>
|
|
|
|
|
|
|
|
|
|
<dl role="presentation" id="presentation_dl">
|
|
|
|
|
<dt id="dt_in_presentation_dl">term</dt>
|
|
|
|
|
<dd id="dd_in_presentation_dl">definition</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
|
|
|
|
<ul role="button" id="button_ul">
|
|
|
|
|
<li id="item_in_button_ul">item</li>
|
|
|
|
|
<span id="styleditem_in_button_ul"
|
|
|
|
|
style="display:list-item">Oranges</span>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
<ol role="button" id="button_ol">
|
|
|
|
|
<li id="item_in_button_ul">item</li>
|
|
|
|
|
</ol>
|
|
|
|
|
|
|
|
|
|
<dl role="button" id="button_dl">
|
|
|
|
|
<dt id="dt_in_button_dl">term</ld>
|
|
|
|
|
<dd id="dd_in_button_dl">definition</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
|
2012-09-17 06:00:39 +04:00
|
|
|
<!-- styled as HTML table elements -->
|
|
|
|
|
<a id="a_as_td" style="display:table-cell;" href="http://www.google.com">Google</a>
|
|
|
|
|
<h1 id="h1_as_td" style="display: table-cell;">h1</h1>
|
|
|
|
|
<h2 id="h2_as_td" style="display: table-cell;">h2</h2>
|
|
|
|
|
<h3 id="h3_as_td" style="display: table-cell;">h3</h3>
|
|
|
|
|
<h4 id="h4_as_td" style="display: table-cell;">h4</h4>
|
|
|
|
|
<h5 id="h5_as_td" style="display: table-cell;">h5</h5>
|
|
|
|
|
<h6 id="h6_as_td" style="display: table-cell;">h6</h6>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
