59 lines
1.9 KiB
HTML
59 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">
|
||
|
|
<div id="content">
|
||
|
|
<table border="1">
|
||
|
|
<tr>
|
||
|
|
<th id="columnheader1" role="columnheader" rowspan="3" colspan="2" aria-rowspan="10" aria-colspan="10">header 1</th>
|
||
|
|
<th id="columnheader2" role="columnheader" aria-rowspan="10" aria-colspan="10">header 2</th>
|
||
|
|
<th id="columnheader3" role="columnheader" colspan="3" aria-rowspan="10" aria-colspan="10">header 3</th>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td id="cell1" rowspan="2" colspan="2" aria-rowspan="10" aria-colspan="10">cell 1</td>
|
||
|
|
<td id="cell2" aria-rowspan="10" aria-colspan="10">cell 2</td>
|
||
|
|
<td id="cell3" rowspan="3" aria-rowspan="10" aria-colspan="10">cell 3</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>cell 4</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td>cell 5</td>
|
||
|
|
<td>cell 6</td>
|
||
|
|
<td>cell 7</td>
|
||
|
|
<td>cell 8</td>
|
||
|
|
<td>cell 9</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
description("This verifies that ARIA cell spans are ignored when native cell spans are set.");
|
||
|
|
|
||
|
|
function span(rangeString) {
|
||
|
|
return rangeString.split(/\D/).filter(function(x){ return x != ""; })[1];
|
||
|
|
}
|
||
|
|
|
||
|
|
function outputSpans(id) {
|
||
|
|
var axElement = accessibilityController.accessibleElementById(id);
|
||
|
|
var rowSpan = span(axElement.rowIndexRange());
|
||
|
|
var columnSpan = span(axElement.columnIndexRange());
|
||
|
|
debug(id + " spans " + rowSpan + " row(s) and " + columnSpan + " column(s).");
|
||
|
|
}
|
||
|
|
|
||
|
|
if (window.accessibilityController) {
|
||
|
|
ids = ["columnheader1", "columnheader2", "columnheader3", "cell1", "cell2", "cell3"];
|
||
|
|
idCount = ids.length;
|
||
|
|
for (var i = 0; i < idCount; i++)
|
||
|
|
outputSpans(ids[i]);
|
||
|
|
|
||
|
|
document.getElementById("content").style.visibility = "hidden";
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script src="../resources/js-test-post.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|