Skip to content

Commit 44d67fe

Browse files
jlordjlord
committed
Add accessibility devtools extension
1 parent 50cf87e commit 44d67fe

40 files changed

+5729
-0
lines changed

‎assets/accessibility-devtools/#manifest.json#

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
{
2+
"name": "__MSG_extName__",
3+
"version": "2.8.4.1",
4+
"description": "Accessibility audit and element properties.",
5+
"default_locale": "en",
6+
"icons": {
7+
"128": "images/icon128.png"
8+
},
9+
"background": {
10+
"scripts": [
11+
"background.js"
12+
]
13+
},
14+
"devtools_page": "devtools.html",
15+
"options_page": "options.html",
16+
"permissions": [
17+
"experimental",
18+
"tabs",
19+
"webNavigation",
20+
"storage",
21+
"<all_urls>"
22+
],
23+
"web_accessible_resources": [
24+
"generated/axs.js",
25+
"generated/constants.js",
26+
"generated/extension.js",
27+
"generated/utils.js",
28+
"generated/properties.js",
29+
"generated/audits.js",
30+
"devtools.js",
31+
"devtools.html",
32+
"sidebar.html",
33+
"sidebar.js",
34+
"sidebar.css"
35+
],
36+
"manifest_version": 2,
37+
"minimum_chrome_version": "21.0.1137.1"
38+
}

‎assets/accessibility-devtools/#options.html#

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<script type="text/javascript" src="generated/axs.js"></script>
5+
<script type="text/javascript" src="generated/constants.js"></script>
6+
<script type="text/javascript" src="generated/utils.js"></script>
7+
<script type="text/javascript" src="generated/properties.js"></script>
8+
<script type="text/javascript" src="generated/extension_properties.js"></script>
9+
<script type="text/javascript" src="generated/audits.js"></script>
10+
<script type="text/javascript" src="generated/extension_audits.js"></script>
11+
<link rel="stylesheet" type="text/css" href="options.css" />
12+
</head>
13+
<body>
14+
<section>
15+
<h2>Select which audit rules to use</h2>
16+
<div class="checkbox">
17+
<label>
18+
<input type="checkbox" id="reset-audit-rules">
19+
<span>Select All</span>
20+
</label>
21+
</div>
22+
<fieldset id="audit-rules">
23+
</fieldset>
24+
</section>
25+
<section>
26+
<h2>Select which external rulesets to use</h2>
27+
<fieldset id="external-rulesets"></fieldset>
28+
</section>
29+
<script type="text/javascript" src="options.js"></script>
30+
</body>
31+
</html>

‎assets/accessibility-devtools/#options_old.html#

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<script type="text/javascript" src="generated/axs.js"></script>
5+
<script type="text/javascript" src="generated/constants.js"></script>
6+
<script type="text/javascript" src="generated/properties.js"></script>
7+
<script type="text/javascript" src="generated/extension_properties.js"></script>
8+
<script type="text/javascript" src="generated/audits.js"></script>
9+
<script type="text/javascript" src="generated/extension_audits.js"></script>
10+
<link rel="stylesheet" type="text/css" href="options.css" />
11+
</head>
12+
<body>
13+
<div id="main-content">
14+
<div id="mainview">
15+
<div id="mainview-content">
16+
<div id="page-container">
17+
<header>
18+
<h1>Settings</h1>
19+
</header>
20+
<section>
21+
<h2>Select which audit rules to use</h2>
22+
<div class="checkbox">
23+
<input type="checkbox" id="reset-audit-rules">
24+
<label for="reset-audit-rules">Select All</label>
25+
</div>
26+
<fieldset id="audit-rules">
27+
</fieldset>
28+
</section>
29+
</div>
30+
</div>
31+
</div>
32+
</div>
33+
<script type="text/javascript" src="options.js"></script>
34+
</body>
35+
</html>

‎assets/accessibility-devtools/#sidebar.css#

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
/* TODO: platform-specific style rules vased on devtools.css */
2+
3+
body {
4+
cursor: default;
5+
font-family: Lucida Grande, sans-serif;
6+
font-size: 10px;
7+
}
8+
9+
.hidden {
10+
display: none;
11+
}
12+
13+
#main {
14+
max-width: 100%;
15+
}
16+
17+
div.properties {
18+
padding: 5px;
19+
border-bottom: 1px solid #BFBFBF;
20+
min-height: 12px;
21+
}
22+
23+
div.properties.speech {
24+
background-image: url(http://github.com/images/speech-16.png);
25+
background-repeat: no-repeat;
26+
background-position: 2px center;
27+
padding-left: 22px;
28+
}
29+
30+
span.none {
31+
font-style: italic;
32+
opacity: 0.5;
33+
}
34+
35+
div.properties:last-child {
36+
border-bottom: none;
37+
}
38+
39+
ul.properties {
40+
list-style-image: none;
41+
list-style-position: outside;
42+
list-style-type: none;
43+
font-family: Menlo, monospace;
44+
font-size: 11px;
45+
margin: 1px 0 0 2px;
46+
padding: 0;
47+
}
48+
49+
li.property {
50+
padding-left: 15px;
51+
}
52+
53+
li.property.unused {
54+
text-decoration: line-through;
55+
}
56+
57+
li.property.warning {
58+
background-image: url(http://github.com/images/warningIcon.png);
59+
background-repeat: no-repeat;
60+
background-position: left 2px;
61+
}
62+
63+
.text {
64+
max-width: 100%;
65+
white-space: nowrap;
66+
overflow: hidden;
67+
text-overflow: ellipsis;
68+
font-family: Lucida Grande, sans-serif;
69+
}
70+
71+
li.text {
72+
margin-bottom: 2px;
73+
}
74+
75+
li.textValue {
76+
display: block;
77+
}
78+
79+
.error {
80+
color: #C80000;
81+
font-style: italic;
82+
}
83+
84+
ul.valuelist {
85+
list-style-image: none;
86+
list-style-position: outside;
87+
list-style-type: none;
88+
padding: 0;
89+
padding-left: 1em;
90+
}
91+
92+
.invalid {
93+
text-decoration: line-through;
94+
}
95+
96+
li > div {
97+
margin-left: 15px;
98+
}
99+
100+
span.property {
101+
font-family: Menlo, monospace;
102+
color: #C80000;
103+
}
104+
105+
span.info {
106+
font-style: italic;
107+
}
108+
109+
span.suggestion {
110+
font-style: italic;
111+
font-size: 10px;
112+
}
113+
114+
span.warning {
115+
font-style: italic;
116+
opacity: 0.5;
117+
}
118+
119+
.bevel-border {
120+
border: 1px solid rgba(64, 64, 64, 0.8);
121+
width: 10px;
122+
height: 10px;
123+
display: inline-block;
124+
margin-left: 0.5em;
125+
box-sizing: content-box;
126+
vertical-align: middle;
127+
}
128+
129+
.bevel {
130+
border-style: solid;
131+
border-right-width: 10px;
132+
border-style: solid;
133+
border-top-width: 10px;
134+
border-left: 0;
135+
border-bottom: 0;
136+
width: 0;
137+
height: 0;
138+
display: inline-block;
139+
}
140+
141+
.info {
142+
text-align: center;
143+
font-style: italic;
144+
font-size: 10px;
145+
padding: 6px;
146+
color: black;
147+
}
148+
149+
.sidebar-separator {
150+
background-image: -webkit-gradient(linear, left top, left bottom,
151+
from(#F3F3F3), color-stop(0.05, #F3F3F3),
152+
color-stop(0.05, #E6E6E6), to(#D1D1D1));
153+
padding: 0 5px;
154+
border-top: 1px solid #BDBDBD;
155+
border-bottom: 1px solid #BDBDBD;
156+
color: #6E6E6E;
157+
text-shadow: white 0 1px 0;
158+
white-space: nowrap;
159+
text-overflow: ellipsis;
160+
overflow: hidden;
161+
font-size: 11px;
162+
}
163+
164+

0 commit comments

Comments
 (0)