-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
298 lines (282 loc) · 13.6 KB
/
about.html
File metadata and controls
298 lines (282 loc) · 13.6 KB
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="About Community Access — our mission, contributors, and the people who make accessible software possible.">
<title>About — Community Access</title>
<link rel="icon" href="https://avatars.githubusercontent.com/u/263509777?v=4&s=32" type="image/png">
<link rel="apple-touch-icon" href="https://avatars.githubusercontent.com/u/263509777?v=4&s=180">
<meta property="og:title" content="About — Community Access">
<meta property="og:description" content="Our mission, contributors, and the people who make accessible software possible.">
<meta property="og:image" content="https://avatars.githubusercontent.com/u/263509777?v=4&s=400">
<meta property="og:url" content="https://community-access.github.io/about.html">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<link rel="stylesheet" href="styles.css">
<link rel="alternate" type="application/rss+xml" title="Community Access RSS Feed" href="https://community-access.org/feed.xml">
<style>
.about-hero {
background: linear-gradient(160deg, var(--ca-indigo-dark) 0%, var(--ca-violet) 50%, var(--ca-indigo) 100%);
color: var(--ca-gray-50);
padding: 5rem 0 4rem;
text-align: center;
}
.about-hero h1 {
font-size: clamp(2rem, 4vw, 3rem);
font-weight: 800;
letter-spacing: -0.03em;
margin-bottom: 1rem;
}
.about-hero p {
font-size: clamp(1.05rem, 2vw, 1.25rem);
max-width: 40rem;
margin: 0 auto;
opacity: 0.92;
line-height: 1.7;
}
.about-content {
padding: 4rem 0;
}
.about-content h2 {
font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 800;
color: var(--ca-gray-900);
margin-bottom: 1.25rem;
}
.about-content p {
font-size: 1.05rem;
line-height: 1.8;
color: var(--ca-gray-700);
max-width: 48rem;
margin-bottom: 1.25rem;
}
.about-content a {
color: var(--ca-indigo-light);
text-decoration: underline;
text-underline-offset: 2px;
}
.about-content a:hover {
text-decoration-thickness: 2px;
}
.about-values {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
gap: 2rem;
margin: 2.5rem 0;
}
.about-value {
padding: 1.5rem;
background: var(--ca-gray-50);
border: 1px solid var(--ca-gray-200);
border-radius: 12px;
}
.about-value h3 {
font-size: 1.1rem;
font-weight: 700;
color: var(--ca-gray-900);
margin-bottom: 0.5rem;
}
.about-value p {
font-size: 0.95rem;
margin-bottom: 0;
}
.footer-grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr;
gap: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid rgba(255,255,255,0.1);
margin-bottom: 1.5rem;
}
@media (max-width: 48rem) {
.footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
}
.footer-logo {
font-size: 1.15rem;
font-weight: 700;
color: var(--ca-gray-50);
}
.footer-tagline {
color: #9ca3af;
font-size: 0.9rem;
margin-top: 0.25rem;
}
.footer-column h3 {
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(255,255,255,0.7);
margin-bottom: 0.75rem;
}
.footer-column .footer-links {
list-style: none;
}
.footer-column .footer-links li {
margin-bottom: 0.4rem;
}
.footer-column .footer-links a {
color: #9ca3af;
text-decoration: none;
font-size: 0.9rem;
transition: color var(--transition);
}
.footer-column .footer-links a:hover {
color: var(--ca-emerald-light);
}
</style>
</head>
<body>
<a href="#main" class="skip-link">Skip to main content</a>
<header class="site-header">
<div class="container header-inner">
<a href="index.html" class="logo" aria-label="Community Access home">
<img class="logo-mark" src="https://avatars.githubusercontent.com/u/263509777?v=4&s=80" alt="" width="40" height="40" loading="eager">
<span class="logo-text">Community Access</span>
</a>
<nav class="header-nav" aria-label="Main navigation">
<ul>
<li class="nav-dropdown">
<button class="nav-dropdown-toggle" aria-expanded="false">Accessibility Agents</button>
<ul class="nav-dropdown-menu">
<li><a href="docs.html">Documentation</a></li>
<li><a href="index.html#install">Install</a></li>
<li><a href="index.html#contribute">Contribute</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
<li><a href="repos.html">Repositories</a></li>
<li><a href="about.html" aria-current="page">About</a></li>
<li><a href="https://community-access.org/git-going-with-github/" class="nav-workshop-link">Workshop</a></li>
<li><a href="https://github.com/Community-Access">GitHub</a></li>
</ul>
</nav>
<button class="theme-toggle" type="button" aria-label="Switch to dark mode">
<span class="icon-sun" aria-hidden="true">☀️</span>
<span class="icon-moon" aria-hidden="true">☾️</span>
</button>
</div>
</header>
<main id="main">
<section class="about-hero">
<div class="container">
<h1>About Community Access</h1>
<p>We are a community of blind and sighted developers building open source tools that make AI-generated code accessible by default.</p>
</div>
</section>
<section class="about-content">
<div class="container">
<h2>Our Mission</h2>
<p>AI coding tools generate code fast, but they forget accessibility. Missing alt text, broken heading hierarchies, unusable keyboard navigation, and incorrect ARIA attributes ship into production every day because the AI was never taught to care.</p>
<p>Community Access fixes this at the source. Our 55 specialized agents run inside your AI coding environment and enforce WCAG 2.2 AA compliance on every prompt, every response, and every code suggestion before it reaches your editor.</p>
<p>We believe accessibility is not an afterthought or a feature request. It is a baseline requirement. Every line of code should ship inclusive.</p>
<h2>What We Value</h2>
<div class="about-values">
<div class="about-value">
<h3>Nothing About Us Without Us</h3>
<p>Built by and for the blind and low-vision community. Every agent understands real-world assistive technology because our contributors use it every day.</p>
</div>
<div class="about-value">
<h3>Open Source, Always</h3>
<p>Everything we build is MIT-licensed, free to use, modify, and distribute. Accessibility knowledge should never be locked behind a paywall.</p>
</div>
<div class="about-value">
<h3>Prevention Over Remediation</h3>
<p>Catching accessibility issues before code is written is orders of magnitude cheaper than fixing them after deployment. Our agents intervene at the point of generation.</p>
</div>
<div class="about-value">
<h3>Real-World Testing</h3>
<p>Spec compliance is necessary but not sufficient. We test with NVDA, JAWS, VoiceOver, and keyboard-only navigation because that is what real users depend on.</p>
</div>
</div>
<h2>The Project</h2>
<p>Community Access provides 55 AI agents, 17 knowledge skills, and 54 pre-built prompts across five platforms: Claude Code, GitHub Copilot, Claude Desktop, Codex CLI, and Gemini CLI. The agents cover web accessibility, document scanning (Word, Excel, PowerPoint, PDF, EPUB, Markdown), GitHub workflows, and desktop application development.</p>
<p>Installation takes 30 seconds with a single command. The agents are additive and never overwrite existing files. <a href="index.html#install">Get started here</a>.</p>
<p>The project is hosted on GitHub at <a href="https://github.com/Community-Access">github.com/Community-Access</a>. Contributions are welcome from everyone. <a href="https://github.com/Community-Access/accessibility-agents/blob/main/CONTRIBUTING.md">Read our contributing guide</a>.</p>
<h2>Founders & Maintainers</h2>
<p>Community Access is founded and maintained by two developers dedicated to making AI-generated code accessible by default.</p>
<div class="about-values">
<div class="about-value">
<h3><a href="https://github.com/accesswatch" target="_blank" rel="noopener noreferrer">Jeff Bishop<span class="sr-only"> (opens in new tab)</span></a></h3>
<p>Co-founder and maintainer. Blind developer and accessibility advocate building tools that bridge the gap between AI code generation and real-world assistive technology.</p>
</div>
<div class="about-value">
<h3><a href="https://github.com/taylorarndt" target="_blank" rel="noopener noreferrer">Taylor Arndt<span class="sr-only"> (opens in new tab)</span></a></h3>
<p>Co-founder and maintainer. Developer and educator driving the project's workshops, community engagement, and accessible tooling.</p>
</div>
</div>
</div>
</section>
<section id="contributors" class="contributors-section">
<div class="container">
<h2>Contributors</h2>
<p>Community Access is built by real people who care about digital accessibility and inclusion. These contributors have shaped what we are building across every repo in the organization. Thank you for your partnership, mentorship, and empathy. Go team!</p>
<div id="contributors-grid" class="contributors-grid" role="list" aria-label="Organization contributors">
<p class="contributors-loading">Loading contributors…</p>
</div>
<h3 class="special-thanks-heading">Special Thanks</h3>
<p>A special thanks to everyone who has opened issues, reported bugs, requested features, and shaped our direction. Every voice matters.</p>
<div id="thanks-grid" class="thanks-grid" role="list" aria-label="Issue contributors">
<p class="contributors-loading">Loading…</p>
</div>
<h3 class="special-thanks-heading">Community Pillars</h3>
<p>These people have truly shaped what it means to engage with the blind and low-vision community. Thank you for your partnership, mentorship, and empathy centered around digital accessibility and inclusion.</p>
<ul class="community-pillars-list" role="list">
<li><a href="https://github.com/taylorarndt" target="_blank" rel="noopener noreferrer">Taylor Arndt<span class="sr-only">, GitHub profile (opens in new tab)</span></a></li>
<li>Michael Babcock</li>
<li><a href="https://github.com/accesswatch" target="_blank" rel="noopener noreferrer">Jeff Bishop<span class="sr-only">, GitHub profile (opens in new tab)</span></a></li>
<li>Clint Covington</li>
<li><a href="https://github.com/mikedoise" target="_blank" rel="noopener noreferrer">Michael Doise<span class="sr-only">, GitHub profile (opens in new tab)</span></a></li>
<li>Doug Geoffray</li>
<li>Maria Lamardo</li>
<li>Ty Littlefield</li>
<li>Roberto Perez</li>
<li>Megan Rogge</li>
</ul>
</div>
</section>
</main>
<div style="text-align:center; padding:1.25rem 1.5rem; background:var(--ca-gray-100); color:var(--ca-gray-700); font-size:0.88rem;">
<p style="max-width:48rem; margin:0 auto;"><strong>AI and automated tools are not perfect.</strong> They miss things, make mistakes, and cannot replace testing with real screen readers and assistive technology. Always verify with VoiceOver, NVDA, JAWS, and keyboard-only navigation.</p>
</div>
<footer class="site-footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<span class="footer-logo">Community Access</span>
<p class="footer-tagline">Making software accessible by default.</p>
</div>
<div class="footer-column">
<h3>Project</h3>
<ul class="footer-links">
<li><a href="news.html">News</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="repos.html">Repositories</a></li>
<li><a href="docs.html">Documentation</a></li>
<li><a href="quickstart.html">Quick Start</a></li>
<li><a href="https://github.com/Community-Access/accessibility-agents">GitHub Repository</a></li>
<li><a href="feed.xml">RSS Feed</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Community</h3>
<ul class="footer-links">
<li><a href="about.html">About</a></li>
<li><a href="accessibility.html">Accessibility</a></li>
<li><a href="https://community-access.org/git-going-with-github/">Workshop</a></li>
<li><a href="https://github.com/Community-Access/accessibility-agents/blob/main/CONTRIBUTING.md">Contribute</a></li>
<li><a href="https://github.com/Community-Access/accessibility-agents/issues">Report an Issue</a></li>
<li><a href="https://github.com/Community-Access/accessibility-agents/blob/main/CODE_OF_CONDUCT.md">Code of Conduct</a></li>
</ul>
</div>
</div>
<div class="a11y-statement">
<p>This site meets WCAG 2.2 Level AA. <a href="accessibility.html" style="color:var(--ca-emerald-light);">Accessibility statement</a>. <a href="https://github.com/Community-Access/accessibility-agents/issues" style="color:var(--ca-emerald-light);">Report a barrier</a>.</p>
</div>
<p class="footer-copy">A community project. Licensed under MIT.</p>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>