1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
content / test / data / accessibility / html / table-headers-row-role-dynamic.html [blame]
<!doctype HTML>
<!--
@WAIT-FOR:Done
-->
<div tabindex="0" id="status" aria-label="Working"></div>
<table border=1>
<tr>
<th>Text</th>
</tr>
<tr id=target>
<th id="shouldberowheader1">Should be a row header</th>
</tr>
<tr>
<th id="shouldberowheader2">Should also be a row header</th>
<td id=target2></td>
</tr>
</table>
</html>
<script>
requestAnimationFrame(() => requestAnimationFrame(() => {
let td = document.createElement("td");
td.innerText = "text";
target.appendChild(td);
target2.innerText = "text2";
document.getElementById('status').setAttribute('aria-label', 'Done');
}));
</script>