/
Name file-label-inline-block-styles.html
40 lines (37 loc) · 1.26 KB
/
Name file-label-inline-block-styles.html
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
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
<head>
<title>Name file-label-inline-block-styles</title>
<style type="text/css">
#fieldDiv {
display: table;
width: 80%;
margin: 100px 10%;
}
.hidden {
display: none;
}
</style>
</head>
<body>
<div class="pageContainer">
<div id="fieldDiv"><!--
Start of W3C ARIA test case code. -->
<style>
label:before { content: "This"; display: block; }
label:after { content: "."; }
</style>
<label for="test">is a test</label>
<input type="text" id="test"/>
<!-- End of W3C ARIA test case code. --></div>
</div>
<br /><br /><br />
<div>
<button onclick="(function(){var a=document.createElement('script');a.type='text/javascript';a.src='https://whatsock.github.io/visual-aria/visual-aria/roles.js';document.head.appendChild(a)})()"> Load Visual ARIA </button>
<button onclick="document.getElementById('calcTextStr').innerHTML = getNames(document.getElementById('test'));"> Calculate Accessible Name and Description </button>
<br />
<textarea id="calcTextStr" readonly aria-label="Accessible Name and Description Calculation" title="Accessible Name and Description Calculation" style="width: 100%; height: 60px;"></textarea>
</div>
<script type="text/javascript" src="../Sample JavaScript Recursion Algorithm/recursion.js"></script>
</body>
</html>