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
28
29
content / test / data / accessibility / event / aria-readonly-changed.html [blame]
<!--
@UIA-WIN-DENY:*
@UIA-WIN-ALLOW:AriaProperties*
@UIA-WIN-ALLOW:ValueIsReadOnly*
-->
<!DOCTYPE html>
<html>
<body>
<textarea id="textarea1" aria-label="textarea1">Textarea1</textarea>
<textarea id="textarea2" aria-label="textarea2">Textarea2</textarea>
<textarea id="textarea3" aria-label="textarea3" aria-readonly="true">Textarea3</textarea>
<textarea id="textarea4" aria-label="textarea4" aria-readonly="true">Textarea4</textarea>
<script>
function go() {
// Set aria-readonly default false->false; should not fire an event.
document.getElementById('textarea1').setAttribute('aria-readonly', false);
// Set aria-readonly from false->true; should fire an event.
document.getElementById('textarea2').setAttribute('aria-readonly', true);
// Set aria-readonly from true->false; should fire an event.
document.getElementById('textarea3').setAttribute('aria-readonly', false);
// Set aria-readonly from true->[removed]; should fire an event.
document.getElementById('textarea4').removeAttribute('aria-readonly');
}
</script>
</body>
</html>