1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
content / test / data / accessibility / event / css-visibility.html [blame]
<!DOCTYPE html>
<html>
<head>
<style>
.a { visibility: visible; }
.b { visibility: hidden; }
body.flip .a { visibility: hidden; }
body.flip .b { visibility: visible; }
</style>
</head>
<body>
<div role="toolbar">
<div role="heading" aria-label="Heading" class="a"></div>
<div role="banner" aria-label="Banner" class="b"></div>
</div>
<script>
function go() {
document.body.className = 'flip';
}
</script>
</body>
</html>