-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathcontrast-analyzer.html
60 lines (50 loc) · 2.51 KB
/
contrast-analyzer.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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!--
Read license.txt for licensing information.
-->
<html>
<head>
<title>WCAG 2.0 Color Contrast Analyzer</title>
<meta charset="UTF-8">
<link href="contrast-analyzer.css" rel="stylesheet" type="text/css">
<script src="ui.js"></script>
</head>
<body>
<div id="header">
<div id="toolbar" class="toolbar">
<button id="maskButton" type="button">Hide Mask</button>
<div id="levelEvaluated">
<label id="levelEvaluated-label" for="levelEvaluated-options">WCAG Level Evaluated: <span id="levelEvaluated-text"></span></label>
<select id="levelEvaluated-options" name="levelEvaluated-options">
<option id="WCAG-aa-small" value="WCAG-aa-small"></option>
<option id="WCAG-aa-large" value="WCAG-aa-large"></option>
<option id="WCAG-aaa-small" value="WCAG-aaa-small"></option>
<option id="WCAG-aaa-large" value="WCAG-aaa-large"></option>
</select>
</div>
<div id="pixelRadius">
<label id="pixelRadius-label" for="pixelRadius-options">Pixel Radius: <span id="pixelRadius-text"></span></label>
<select id="pixelRadius-options" name="pixelRadius-options">
<option id="pixelRadius-1" value="pixelRadius-1">1</option>
<option id="pixelRadius-2" value="pixelRadius-2">2</option>
<option id="pixelRadius-3" value="pixelRadius-3">3</option>
</select>
</div>
<button id="rescanButton" type="button">Rescan</button>
<a href="#" class="button" id="downloadButton">Download</a>
<div id="status">Status: <span id="percentComplete"></span></div>
<div id="help"><a href="http://accessibility.oit.ncsu.edu/tools/color-contrast-chrome/">Help</a></div>
</div>
<div class="clear"></div>
</div>
<div id="showBox">
<div id="photo">
<canvas id="canvas"></canvas>
<canvas id="mask-canvas"></canvas>
<div class="layer" id="layer0"></div>
</div>
</div>
<div id="overlay"></div>
<script src="contrast-analyzer.js"></script>
<script src="image_analysis.js"></script>
</body>
</html>