-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
468 lines (452 loc) · 51.7 KB
/
index.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
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
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>The Accessible Icon Project</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<meta name="description" content="The Accessible Icon Project is an ongoing work of design activism. It starts with a graphic icon, free for use in the public domain, and continues its work as a collaboration among people with disabilities and their allies toward a more accessible world.">
<meta property="og:title" content="The Accessible Icon Project" />
<meta property="og:description" content="The Accessible Icon Project is an ongoing work of design activism. It starts with a graphic icon, free for use in the public domain, and continues its work as a collaboration among people with disabilities and their allies toward a more accessible world." />
<meta property="og:site_name" content="The Accessible Icon Project" />
<meta property="og:url" content="http://accessibleicon.org" />
<meta property="og:image" content="http://accessibleicon.org/img/cover-sticker.jpg" />
<meta property="og:image:width" content="1143" />
<meta property="og:image:height" content="857" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="The Accessible Icon Project" />
<meta name="twitter:description" content="The Accessible Icon Project is an ongoing work of design activism. It starts with a graphic icon, free for use in the public domain, and continues its work as a collaboration among people with disabilities and their allies toward a more accessible world." />
<meta name="twitter:image" content="http://accessibleicon.org/img/cover-sticker.jpg" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<main role="main">
<a href="#navigation" id="hamburger" title="Navigation Menu" aria-label="navigation menu" style="display:none;">☰</a>
<section id="home">
<figure class="figure">
<a href="#read"><img src="/img/cover-sticker-sm.jpg" srcset="/img/cover-sticker-md.jpg 768w, /img/cover-sticker.jpg 992w" class="figure-img img-fluid" alt="This header photo shows the earliest street-art version of the icon: a clear-backed sticker with an orange and red wheelchair-riding icon, superimposed over a blue and white standard icon. Old and new together."></a>
</figure>
</section>
<div class="container">
<section id="read">
<div class="row">
<header class="col-xs-12 col-md-10 col-md-offset-1">
<h1 class="text-xs-center">The<br> <strong>Accessible Icon</strong><br> Project</h1>
<p class="lead">The Accessible Icon Project is an ongoing work of <a href="#notes-on-design-activism">design activism</a>. It starts with a graphic icon, <a href="#use">free for use</a> in the public domain, and continues its work as a collaboration among people with disabilities and their allies <a href="#an-icon-is-a-verb">toward a more accessible world</a>.</p>
</header>
</div>
<nav id="navigation" class="text-xs-center" role="navigation">
<a href="#home" class="col-xs-12"><svg version="1.1"viewBox="872.9 365.7 50 64" aria-labelledby="title" aria-describedby="description" role="img"> <style type="text/css"> .st0{fill:#0076FF;} </style> <title id="title">Accessible Icon Project logo</title><desc id="description">The final icon, in blue and white, closely similar to the original version but with the body foregrounded, and wheel cutouts to suggest motion.</desc> <g> <path class="st0" d="M921.8,394.7c-0.8-0.8-1.8-1.2-2.9-1.1l-13.3,0.7l7.3-8.3c1-1.2,1.3-2.8,0.9-4.2c-0.2-1-0.8-1.8-1.7-2.4 c0,0-17.4-10.1-17.4-10.1c-1.4-0.8-3.2-0.6-4.4,0.5l-8.5,7.6c-1.6,1.4-1.7,3.8-0.3,5.4c1.4,1.6,3.8,1.7,5.4,0.3l6.4-5.8l5.3,3.1 l-9.4,10.7c-3.9,0.6-7.4,2.4-10.2,5l4.9,4.9c2.2-2,5.2-3.3,8.4-3.3c6.9,0,12.5,5.6,12.5,12.5c0,3.2-1.2,6.2-3.3,8.4l4.9,4.9 c3.3-3.5,5.3-8.2,5.3-13.3c0-3.1-0.7-6-2-8.6l5.1-0.3l-1.2,15.3c-0.2,2.1,1.4,3.9,3.5,4.1c0.1,0,0.2,0,0.3,0c2,0,3.6-1.5,3.8-3.5 l1.6-19.7C922.9,396.6,922.6,395.5,921.8,394.7z"/> <path class="st0" d="M914.7,378.4c3.5,0,6.4-2.9,6.4-6.4c0-3.5-2.8-6.4-6.4-6.4c-3.5,0-6.4,2.9-6.4,6.4 C908.4,375.6,911.2,378.4,914.7,378.4z"/> <path class="st0" d="M892.3,422.8c-6.9,0-12.5-5.6-12.5-12.5c0-2.6,0.8-5,2.2-7l-5-5c-2.6,3.3-4.1,7.5-4.1,12 c0,10.7,8.7,19.5,19.5,19.5c4.5,0,8.7-1.5,12-4.1l-5-5C897.3,422,894.9,422.8,892.3,422.8z"/> </g> </svg></a>
<div class="row">
<ul class="nav nav-pills nav-stacked text-md-left col-xs-12 col-md-5">
<li class="nav-item header"><a class="nav-link" href="#read"><h4>Read</h4></a></li>
<li class="nav-item"><a class="nav-link" href="#an-icon-is-a-verb">An Icon is a Verb: <em>About the Project</em> <small>5 minute read — 910 words, 15 images</small></a></li>
<li class="nav-item"><a class="nav-link" href="#notes-on-design-activism">Notes on Design Activism <small>6 minute read — 1515 words</small></a></li>
<li class="nav-item"><a class="nav-link" href="http://ablersite.org/2014/03/05/against-re-branding-against-placebo-politics/">Against Rebranding; Against Placebo Politics <small><i class="fa fa-external-link"></i> <em>ablersite.org</em></small></a></li>
</ul>
<ul class="nav nav-pills nav-stacked text-md-left col-xs-12 col-md-5">
<li class="nav-item header"><a class="nav-link" href="#contribute"><h4>Contribute</h4></a></li>
<li class="nav-item"><a class="nav-link" href="#use">Use the icon</a></li>
<li class="nav-item"><a class="nav-link" href="#buy">Buy stickers and stencils</a></li>
<li class="nav-item"><a class="nav-link" href="#support">Support Triangle</a></li>
<li class="nav-item"><a class="nav-link" href="#social">Social media</a></li>
</ul>
<ul class="nav nav-pills nav-stacked text-md-left col-xs-12 col-md-2">
<li class="nav-item header"><a class="nav-link" href="#info"><h4>Info</h4></a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
<li class="nav-item"><a class="nav-link" href="#press">Press</a></li>
</ul>
</div>
</nav>
</section>
</div>
<section id="an-icon-is-a-verb">
<header class="section">
<div class="container">
<h2><a href="#an-icon-is-a-verb">An Icon is a Verb:<br> <em>About the Project</em></a></h2>
<h3>by Sara Hendren, <em>Feb. 2016</em></h3>
<small>5 minute read — 910 words, 15 images</small>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-push-2">
<p><span class="lead">How do accessible cities thrive?</span> And how would you “edit” an existing city to make it more inclusive? Brian Glenney and I were asking this question when we started altering public signs marking wheelchair-accessible parking—the blue and white icons designating the so-called “handicapped” spots. </p>
<p>On my web site, <a href="http://ablersite.org/">Abler</a>, I’d started collecting icons with more design integrity <a href="http://ablersite.org/2010/03/29/ongoing-public-signs/">back in 2010</a>. They were rare, but they were present—in high design places like museums, and at ordinary businesses, like my local Marshalls in Cambridge, Massachusetts.</p>
</div>
</div>
<div class="row align-top">
<figure class="figure col-md-6">
<img src="/img/icon-original.png" class="figure-img" alt="The original International Symbol of Access, designed in the 1960s by Susanne Koefoed. Its provisions are historic and profound. But its rectilinear geometry doesn’t show the organic body moving through space, like the rest of the standard isotype icons you see in public space.">
<figcaption class="figure-caption">The original International Symbol of Access, designed in the 1960s by Susanne Koefoed. Its provisions are historic and profound. But its rectilinear geometry doesn’t show the organic body moving through space, like the rest of the standard isotype icons you see in public space.</figcaption>
</figure>
<figure class="figure col-md-6">
<img src="/img/icon-marshalls.jpg" class="figure-img" alt="The sliding doors at Marshalls have a wheelchair-riding icon that shows the figure moving through space, with motion lines to show its movement.">
<figcaption class="figure-caption">The sliding doors at Marshalls have a wheelchair-riding icon that shows the figure moving through space, with motion lines to show its movement.</figcaption>
</figure>
</div>
<div class="row">
<div class="col-md-8 col-md-push-2">
<p>The difference between two icons like these was so striking to me that I couldn’t believe the second one (and others that are closely similar) wasn’t used more commonly.</p>
</div>
</div>
<div class="row">
<p class="col-md-4">Brian and I had been collaborating on other projects at the same time, so he suggested that we do something to alter the existing signs. His own background in graffiti immediately brought to mind spray paint options, but we decided it would be better to mess around with decals or stickers. It started with experiments like this: </p>
<figure class="figure col-md-7 col-md-push-1">
<img src="/img/icon-sticker-2.jpg" class="figure-img" alt="We tried things like this: placing sticky vinyl figures and heads on top of the chair signs as an early prototype.">
<figcaption class="figure-caption">We tried things like this: placing sticky vinyl figures and heads on top of the chair signs as an early prototype.</figcaption>
</figure>
</div>
<div class="row">
<p class="col-md-4">It ended up, in 2011, with a clear-backed square sticker - this one, that would be transposed right on top of the original, to show the old image and the new one simultaneously:</p>
<figure class="figure col-md-7 col-md-push-1">
<img src="/img/cover-sticker.jpg" class="figure-img" alt="This image feels like the heart of the project: a clear-backed sticker that shows the newer figure—here in red and orange, leaning forward, “italicized,” while the original image shows underneath.">
<figcaption class="figure-caption">This image feels like the heart of the project: a clear-backed sticker that shows the newer figure—here in red and orange, leaning forward, “italicized,” while the original image shows underneath.</figcaption>
</figure>
</div>
<div class="row">
<div class="col-md-8 col-md-push-2">
<p>Applying these stickers around Boston started as a street art campaign—nothing more or less. We knew that editing the old signs as graffiti would pose questions more provocatively than a “better” icon, rendered professionally. And we knew that better icons already existed. </p>
<p>Instead, we wanted this icon-action to be the occasion for asking questions about disability and the built environment, in the largest sense. Who has access—physically, yes, but moreover, to education, to meaningful citizenship, to political rights? Framing this work as a street art campaign allowed it to live as a question, rather than a resolved proposition. At least at the outset.</p>
<p>Since 2011, we’ve gotten some press coverage for the work, and that coverage has brought us into conversation with people all over the world who are advocating for disability rights in many forms, in quite different contexts from the city of Boston. </p>
<p>Making those connections has outpaced our expectations for this work by a hundredfold. Those newfound collaborators have also told us that they wanted a new formal icon to replace the old ones, not just a street art design. So the project grew from guerilla activism to a social design project: <em>The Accessible Icon Project</em>. We partnered with <a href="http://www.asmallpercent.com/">Tim Ferguson Sauder</a>, a professional graphic designer, to bring our icon in line with professional standards. </p>
</div>
</div>
<div class="row">
<figure class="figure col-xs-12">
<img src="/img/icon-design-process.jpg" class="figure-img" alt="We worked with our extended team, including self-advocates with disabilities and allies, to iterate through various possibilities, shown strewn over a table on paper here, for the final icon.">
<figcaption class="figure-caption">We worked with our extended team, including self-advocates with disabilities and allies, to iterate through various possibilities, shown strewn over a table on paper here, for the final icon.</figcaption>
</figure>
</div>
<div class="row">
<figure class="figure col-md-5">
<img src="/img/accessible-icon.jpg" class="figure-img" alt="Our final icon in white on blue, to keep to the standard color scheme of the original. Now there’s just one wheel, but with two cutouts to emphasize its motion and make it easy to stencil.">
<figcaption class="figure-caption">Our final icon in white on blue, to keep to the standard color scheme of the original. Now there’s just one wheel, but with two cutouts to emphasize its motion and make it easy to stencil.</figcaption>
</figure>
<figure class="figure col-md-7">
<img src="/img/icon-iso-design-standardization.jpg" class="figure-img" alt="You can see here the ISO DOT 50 standard icons you’d find all over the built environment: for elevators, restrooms, and more. Figures and limbs have rounded, organic ends, mimicking the look of human bodies. We think the new icon adheres to the logic of these standard icons in a complementary, legible way—an “edit” of the important original.">
<figcaption class="figure-caption">You can see here the ISO DOT 50 standard icons you’d find all over the built environment: for elevators, restrooms, and more. Figures and limbs have rounded, organic ends, mimicking the look of human bodies. We think the new icon adheres to the logic of these standard icons in a complementary, legible way—an “edit” of the important original.</figcaption>
</figure>
</div>
<div class="row">
<div class="col-md-8 col-md-push-2">
<p>And we put it in the public domain, so we’ve never made any money on it. It’s an image that’s free for appropriation.</p>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-push-2">
<p>At the same time, we were approached by <a href="http://triangle-inc.org/">Triangle, Inc</a>, in our own town of Boston, with an idea. Why not partner to create some events, where changing over the signs, if they were old and needed updating anyway? We loved this idea, and we’ve loved watching <a href="http://triangle-inc.org/services-life/epic/">EPIC</a>, Triangle’s community service organization that’s staffed by young adults with disabilities, lead the way in this effort. The events really aren’t about the graphics. They’re about disability in public space: editing the cities that we have, and signaling collective action for a more inclusive future.</p>
</div>
</div>
<div class="row">
<figure class="figure col-md-7">
<img src="/img/icon-events-2.jpg" class="figure-img" alt="People all over the US and the world have used the icon for events like this one—bringing together groups to repaint or replace signs—if they’re already needed anyway—and, more importantly, speak about disability politics in local and global contexts.">
<figcaption class="figure-caption">People all over the US and the world have used the icon for events like this one—bringing together groups to repaint or replace signs—if they’re already needed anyway—and, more importantly, speak about disability politics in local and global contexts.</figcaption>
</figure>
<figure class="figure col-md-5">
<img src="/img/icon-events.jpg" class="figure-img" alt="Events often look like this one, where self-advocates with disabilities are able to speak for themselves to able-bodied counterparts, advocating for the features of an inclusive world that are important to them. The physical act of painting over faded parking lot stencils makes the project an event-based one, not just a graphic.">
<figcaption class="figure-caption">Events often look like this one, where self-advocates with disabilities are able to speak for themselves to able-bodied counterparts, advocating for the features of an inclusive world that are important to them. The physical act of painting over faded parking lot stencils makes the project an event-based one, not just a graphic.</figcaption>
</figure>
</div>
<div class="row">
<p class="col-md-4">Since the start of the work in 2010, we’ve started seeing our icon in hundreds of different iterations and contexts—some edited versions, and some replaced wholesale with the new one. The project doesn’t belong to us now. It’s way beyond what we originally authored, and we’re glad. Most importantly for us, we’ve seen the icon become a kind of megaphone for our partners and friends who are self-advocates with disabilities: not just wheelchair users, but people who see this image as a metaphor, as a symbol of their own wishes for agency and dimensional action in the world. </p>
<figure class="figure col-md-7 col-md-push-1">
<img src="/img/icon-presentation.jpg" class="figure-img" alt="Most gratifying to us is how the project belongs to others, like our self-advocate partner Brendon Hildreth, shown here speaking at an event with a slide of the icon behind him.">
<figcaption class="figure-caption">Most gratifying to us is how the project belongs to others, like our self-advocate partner Brendon Hildreth, shown here speaking at an event with a slide of the icon behind him.</figcaption>
</figure>
</div>
<div class="row">
<div class="col-md-8 col-md-push-2">
<p>The icon is genuinely global now: in hundreds of cities and towns, at private and public organizations, used by governments and by individual citizens. We never, not in a million years, would have anticipated its growth when we first started. </p>
</div>
</div>
<div class="row align-top">
<figure class="figure col-md-6">
<img src="/img/icon-multiplicity-sign.jpg" class="figure-img" alt="A sign at a hospital in Delhi, India, was sent to us early in the project by a doctor and self-advocate named Satendra Singh. Disability advocacy means very different things in different locales; we’re glad the icon is one way that like-minded activists can find one another.">
<figcaption class="figure-caption">A sign at a hospital in Delhi, India, was sent to us early in the project by a doctor and self-advocate named Satendra Singh. Disability advocacy means very different things in different locales; we’re glad the icon is one way that like-minded activists can find one another.</figcaption>
</figure>
<figure class="figure col-md-6">
<img src="/img/icon-multiplicity-infodesk.jpg" class="figure-img" alt="Nearly every week, someone submits a photo from somewhere in the world that the icon appears: like at this registration/information booth at a conference, painted with giant accessible icons. Photo by Christofu Yang.">
<figcaption class="figure-caption">Nearly every week, someone submits a photo from somewhere in the world that the icon appears: like at this registration/information booth at a conference, painted with giant accessible icons. Photo by Christofu Yang.</figcaption>
</figure>
</div>
<div class="row align-top">
<figure class="figure col-md-6">
<img src="/img/icon-multiplicity-bikes.jpg" class="figure-img" alt="Others send us photos like these, showing a tiny stenciled icon on a curb. It echoes the original street art spirit but with the new icon image.">
<figcaption class="figure-caption">Others send us photos like these, showing a tiny stenciled icon on a curb. It echoes the original street art spirit but with the new icon image.</figcaption>
</figure>
<figure class="figure col-md-6">
<img src="/img/icon-multiplicity-treasury.jpg" class="figure-img" alt="The icon now appears in formal settings, even the U.S. Department of the Treasury!">
<figcaption class="figure-caption">The icon now appears in formal settings, even the U.S. Department of the Treasury!</figcaption>
</figure>
</div>
<div class="row">
<p class="col-md-4">And we couldn’t have dreamed that MoMA would accession the work <a href="http://www.moma.org/collection/works/174871?locale=en">for its permanent collection</a>.</p>
<figure class="figure col-md-7 col-md-push-1">
<img src="/img/icon-moma.jpg" class="figure-img" alt="This screenshot of MOMA’s collection pages shows the icon full size. We’re thrilled. And flabbergasted.">
<figcaption class="figure-caption">This screenshot of MoMA’s collection pages shows the icon full size. We’re thrilled. And flabbergasted.</figcaption>
</figure>
</div>
<div class="row">
<div class="col-md-8 col-md-push-2">
<p>Social media is now the place where people send the project their stories. You can <a href="#use">download a free file here</a>; watch the project on <a href="#social">Facebook, Twitter, and Instagram</a>; or <a href="#contact">contact us</a>.</p>
</div>
</div>
<div class="row">
<figure class="figure col-xs-12">
<img src="/img/icon-multiplicity-grid.jpg" class="figure-img" alt="">
<figcaption class="figure-caption"></figcaption>
</figure>
</div>
</div>
</section>
<section id="notes-on-design-activism">
<header class="section">
<div class="container">
<div class="row">
<div>
<h2><a href="#notes-on-design-activism">Notes on Design Activism</a></h2>
<h3>by Sara Hendren, <em>2015</em></h3>
<small>6 minute read, 1515 words</small>
</div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<h3>What is design activism?</h3>
<p>Design activism uses the language of design to create political debate. Instead of solving problems in the manner of industrial design, or organizing forms as in graphic design, activist design creates a series of questions or proposals using artifacts or media for unresolved ends: to provoke, or question, or experiment in search of new political conditions. The point of these artifacts is contestation, not a tidy fix.</p>
<p>We’re inspired by design activism like <a href="http://www.actupny.org/">ACTUP</a>, <a href="http://creativetime.org/projects/kissing-doesnt-kill-greed-and-indifference-do/">Kissing Doesn’t Kill</a>, or any number of historical <a href="http://www.justseeds.org/blog/2009/02/street_art_and_social_movement.html">street art political campaigns</a>.</p>
<h3>Why do you think of this project as activism?</h3>
<p>It’s easy to look at our icon and assume that it’s a graphic design project. We get a lot of questions about the features of the icon itself and why ours is “better” than any other. But the graphic is actually a very small fraction of the work. As we’ve said from the beginning, the icon has been informally redesigned many times. We weren’t the first to change it. Our project began precisely by <a href="http://ablersite.org/2010/03/29/ongoing-public-signs/">noticing the differences among icons already in existence</a>.</p>
<p>Our project is an activist work because we started as a street art campaign, knowing that the mildly transgressive action of altering public property would engage potential media coverage about the legal status of graffiti. We used that media interest in graffiti’s legality to then shape our interviews to our own agenda: the politics of disability, access, and inclusion. Like the artist/activist collective <a href="http://www.wochenklausur.at/faq.php?lang=en">WochenKlausur</a>, we’ve noticed that the most deserving “social goods” stories don’t get nearly the same press coverage as cultural projects (especially where audiences can debate the “cultural” merits of a work!). Disability is subject to the same political invisibility and echo chambers as that of other minority groups, and too much direct activist work around disability is targeted toward people who already think disability rights are important. We wanted ideas about disability to reach a wider public, to be a matter of debate that’s harder to ignore. And in the most successful cases, we got journalists to talk to self-advocates with disabilities who rarely get a microphone for their wishes.</p>
<p>The design of the first graphic itself was also activist in nature—not a new “solution,” at least at the beginning. We debated long and hard about what the icon should look like for the first street sign campaign, and we eventually arrived at the clear-back version, which shows both the old and new icons at once. We knew that it wouldn’t be enough to make a change to a “better” icon. Instead, we wanted to have a graphic that was an enigma, or a question. Sustaining that question—in the form of collaborations, events, writing, exhibitions, and more—has been the activist heartbeat of the project.</p>
<h3>Well—? Is it street art? Or is it design?</h3>
<p>It’s both. We started as a street art campaign, and that phase of the work is what got us on the radar of likeminded advocates. But eventually people started asking us for a formal new icon, one that would replace old icons wholesale and be a public signal about an organization/school/company’s wish to be inclusive in its practices. That’s why <a href="http://asmallpercent.com/">Tim Ferguson-Sauder</a> brought our icon in line with other formal infrastructural symbols you’ll see in public spaces everywhere. Our design is in the public domain, so now it’s used far and wide, in places we’ve never seen or heard about.</p>
<p>When we talk about this work, we’re transparent about the fact that a single project can span a continuum between a new artifact and a new set of conditions. Between ordinary graphic design and design activism. Letting the work live along that continuum allows it to be both an ongoing, long-term activist work and a free artifact that’s useful for simple graphics.</p>
<h3>Not everyone is a wheelchair athlete. What about people who don’t push their chairs with their own arms?</h3>
<p>Right. We’ve talked about this at length in all of our interviews, and it almost never gets included in the final cut. The arm pushing a chair is symbolic—as all icons are symbols, not literal representations. Our symbol speaks to the general primacy of personhood, and to the notion that the person first decides how and why s/he will navigate the world, in the broadest literal and metaphorical terms. To us, this evokes the disability rights mantra that demands “nothing about us without us.”</p>
<h3>I identify as disabled, but I don’t use a chair. Why should that symbol speak for all kinds of accessibility?</h3>
<p>It’s certainly an interesting question to consider how other symbols might stand in for or supplement the International Symbol of Access. We’ve spoken to designers about taking up that challenge as a thought project.</p>
<p>But consider the importance of a highly standardized and internationally recognizable symbol. It guarantees that its use will signal the availability of similar accommodations wherever it appears, and its reliable color combination and scale make it easy to spot on a crowded city street, or in an airport. Icons are standardized, 2D, and high contrast for a reason: to make them readily visible to anyone, anywhere. There’s power in that.</p>
<h3>It’s just an image. Isn’t this just political correctness? Or: shouldn’t you be using your efforts on something more worthwhile, like real change?</h3>
<p>We get this question a lot. And we’re certainly sensitive to one of the pitfalls of design work: an excessive emphasis on the way things look, without attention to other material conditions. From the project’s beginning, we’ve been interested in political and cultural change in the way disability is understood by multiple publics. And we’re aware that many people have been agitating for disability rights through direct activism for many decades.
<p>We see this work as a counterpart to that history of direct action. And we think that symbolic activism—creative practices that are also political—do a work that can be hard to quantify but that also makes a difference. History shows that the shape and form of what we see and hear does work on our cognitive understanding of the world, and hence the meaning we make of it. For good and for ill, governments and institutions and protestors and dictators and individual citizens have long been using the language of symbols to persuade, to question, to force. We want to be on the bottom-up, rights-expanding, power-re-balancing tradition of that history.</p>
<h3>So what’s the goal here? Universal sign change?</h3>
<p>We’re happy when people write to us that their town or city wants to formally adopt the icon, and from news that politicians officially endorse its use. But success for us isn’t really located in the ubiquity of the icon itself. We want to see the icon stand for funding, rights provisions and guarantees, policies, and overall better conditions for people with disabilities. And we want this web site to track and document the progress of those harder goals.</p>
<h3>Don’t you worry that this will be shallow activism, like “sign-washing”?</h3>
<p>Sure. This is a big worry for us. Our icon is in the public domain, and that status is important to us. So we can’t really control when it gets used as a shallow glad-handing exercise that has no real political traction. But we’re trying, with this site and the way we speak elsewhere about the work, to emphasize the substantive efforts of people who don’t make the news as easily as a shiny new symbol.</p>
<h3>Do you identify as disabled? Are you an ally? Does it matter?</h3>
<p>We’ve always had people on our team who identify as disabled, and others of us who are immediate family members or direct co-workers of people who identify as disabled. It matters, of course, that we do this work and any work in disability as a “nothing about us without us” effort. Having said that: allyship also matters, and this project should be seen as one among many efforts to make new connections among new audiences who’ve seen disability as ignorable or irrelevant. We know from experience that we need much, much larger cultural conversations about disability to happen, including among people whose lives disability has not yet politicized.</p>
<h3>Wow, you’re opinionated. Anything else you want to say?</h3>
<p>A wise adviser told us, some years into this project, that any effort to create new and different forms of access will necessarily close off access of other kinds. We know that a wheelchair icon doesn’t stand for all kinds of ability. We know that our icon is being used in ways we don’t fully endorse. We know that this project’s birth in the US conditions our understanding in a way that’s culturally limited. And we know that we can’t control the journalistic treatment of this story. But the overwhelmingly positive response we’ve gotten from those of you who’ve reached out to us in the last five years is evidence that you see something in this work that you recognize. We hope that’s true for another five and beyond.</p>
</div>
</div>
</section>
<section id="contribute">
<header class="section">
<div class="container">
<h2>Contribute</h2>
</div>
</header>
<div class="container">
<section id="use">
<h3>Use the icon</h3>
<div class="row">
<div class="col-xs-6 col-sm-4">
<img src="/img/blueicon.jpg" alt="Get Blue Icon">
<a class="btn btn-primary-outline btn-block" href="/img/blueicon.jpg" download>Get Blue JPG</a>
</div>
<div class="col-xs-6 col-sm-4">
<img src="/img/blackicon.jpg" alt="Get Black Icon">
<a class="btn btn-primary-outline btn-block" href="/img/blackicon.jpg" download>Get B&W JPG</a>
</div>
<div class="col-xs-6 col-xs-offset-3 col-sm-4 col-sm-offset-0">
<img src="/img/svg-thumbnail.png" alt="Get SVG Icon">
<a class="btn btn-primary-outline btn-block" href="/img/Accessibility Icon_final.svg" download>Get Editable SVG</a>
<a class="btn btn-primary-outline btn-block" href="/img/Accessibility Icon_final.eps" download>Get Editable EPS</a>
</div>
</div>
<div class="row">
<p class="col-xs-12">In addition to the downloadable formats, above, the icon is <a href="http://fontawesome.io/icon/wheelchair-alt/">available in webfont format</a> as part of <em>Font Awesome</em>'s <a href="http://fontawesome.io/icons/#accessibility">Accessibility Icons</a> collection.</p>
</div>
</section>
<hr>
<div class="row">
<section id="buy" class="col-xs-12">
<div class="row">
<h3 class="col-xs-12">Buy stickers and stencils</h3>
<p class="col-xs-12">The Accessible Icon Project is operated by people with disabilities and their allies and is a partnership run in Boston at Triangle, Inc., a non-profit education and employment center for adults with disabilities. The icon has always been free for use in the public domain. <strong>Purchase proceeds from stickers and supplies go entirely to support the work of Triangle.</strong></p>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-sticker.jpg" alt="Square Sticker">
<h4>$3<br> <strong>Square Sticker</strong></h4></a>
<p>7" in. x 7" in.<br>
Covers standard parking signs</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-reflective-sticker.png" alt="Reflective Sticker">
<h4>$8<br> <strong>Reflective Sticker</strong></h4></a>
<p>7.5" in. x 7.5" in.<br>
Covers standard parking signs</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-figurines.png" alt="Figurines">
<h4>$10<br> <strong>Figurines</strong></h4></a>
<p>Plastic figurines that are approx. 2.75 inches in height and vary in width as well as in color</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-parking-stencil.png" alt="Parking Stencil">
<h4 >$275<br> <strong>Parking Stencil</strong></h4></a>
<p>Covers standard pavement parking sign</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-NoAccess.jpg" alt="No Access Sticker">
<h4 >$5<br> <strong>"No Access" Sticker</strong></h4></a>
<p>Includes 20 stickers. 2" in. x 2" in. Help bring awareness of inaccessible spaces to your community</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-AccessibleRecreationBoating.jpg" alt="Accessible Boating Sign">
<h4 >$25<br> <strong>Accessible Boating Sign</strong></h4></a>
<p>8" in. x 8" in. Brown recreation sign to indicate accessible boating</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-AccessibleRecreationCamp.jpg" alt="Accessible Camping Sign">
<h4 >$25<br> <strong>Accessible Camping Sign</strong></h4></a>
<p>8" in. x 8" in. Brown recreation sign to indicate accessible camping </p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-AccessibleRecreationPicnic.jpg" alt="Accessible Picnicking Sign">
<h4 >$25<br> <strong>Accessible Picnicking Sign</strong></h4></a>
<p>8" in. x 8" in. Brown recreation sign to indicate accessible picnicking</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-AccessibleTrailsBrown.jpg" alt="Accessible Trails Sign">
<h4 >$30<br> <strong>Accessible Trails Sign</strong></h4></a>
<p>12" in. x 18" in. Brown recreation sign to indicate accessible trails. Please indicate arrow direction: "Left," "Right," "Both"</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-AccessibleTrailsWhite.jpg" alt="Accessible Trails Sign">
<h4 >$30<br> <strong>Accessible Trails Sign</strong></h4></a>
<p>12" in. x 18" in. White recreation sign to indicate accessible trails. Please indicate arrow direction: "Left," "Right," "Both"</p>
</div>
<div class="col-xs-6 col-sm-4 col-lg-3">
<a href="https://triangle.ejoinme.org/AIP"><img src="/img/buy-AccessibleTrailsGreen.jpg" alt="Accessible Trails Sign">
<h4 >$30<br> <strong>Accessible Trails Sign</strong></h4></a>
<p>12" in. x 18" in. Green recreation sign to indicate accessible trails. Please indicate arrow direction: "Left," "Right," "Both"</p>
</div>
</div>
</section>
<section id="support" class="col-xs-12">
<h3>Support Triangle</h3>
<p>Triangle was founded in 1971 by a small group of individuals who believed that people with disabilities could learn to lead more independent and dignified lives. It began serving five people with developmental disabilities and grew over the next decade to provide employment training for over 80 individuals and opened two community residences in Malden.</p>
<p>Today Triangle serves over 3,000 people from 170 communities throughout Southern New England. It operates six employment service centers and ten residences in Malden, Danvers, Beverly, Braintree, Brockton, Lynn, Reading and Waltham. Their services are described in detail through Triangle’s homepage. They include an award-winning School-to-Career program for young adults with disabilities, comprehensive employment training and planning services for individuals with disabilities, an award-winning television show called Ablevision, a medical manufacturing facility, a contract fulfillment center and café that is staffed by trainees.</p>
<a class="btn btn-primary btn-lg btn-block" href="https://triangle.ejoinme.org/MyPages/MovingForwardProject/tabid/415699/Default.aspx">Support the work!</a>
</section>
</div>
<hr>
<section id="social" class="text-xs-center">
<h3>Social media</h3>
<div class="row">
<a class="col-xs-4 col-sm-2 col-sm-offset-3" href="https://www.facebook.com/AccessibleIcon"><i class="fa fa-facebook fa-3x"></i><br> Facebook</a><br>
<a class="col-xs-4 col-sm-2" href="https://twitter.com/AccessIconPro"><i class="fa fa-twitter fa-3x"></i><br> Twitter</a><br>
<a class="col-xs-4 col-sm-2" href="https://www.instagram.com/accessibleiconproject"><i class="fa fa-instagram fa-3x"></i><br> Instagram</a><br>
</div>
</section>
</div>
</section>
<section id="info">
<header class="section">
<div class="container">
<h2>Info</h2>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-6">
<section id="contact">
<h3 id="contact">Contact</h3>
<p>Questions? Stories? We’d love to hear from you!</p>
<form action="https://www.formingo.co/submit/[email protected]"
method="POST">
<fieldset class="form-group">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Your Name">
</fieldset>
<fieldset class="form-group">
<label for="_replyto">Email address</label>
<input type="email" name="__replyto" class="form-control" id="__replyto" placeholder="Enter email">
</fieldset>
<fieldset class="form-group">
<label for="message">Your message</label>
<textarea class="form-control" id="message" name="message" rows="3"></textarea>
</fieldset>
<input type="hidden" name="__subject" value="[Icon Project] Contact Form Submission" />
<button type="submit" value="Send" class="btn btn-primary">Send</button>
<input type="hidden" name="__cc" value="[email protected]" />
</form>
</section>
<section id="team">
<h3>Team</h3>
<p><a href="http://ablersite.org">Sara Hendren</a>, <a href="http://www.brianglenney.com/">Brian Glenney</a>, <a href="http://www.asmallpercent.com">Tim Ferguson-Sauder</a>, Jeff Gentry, Leah Serao, Jeff Lafata, Brendon Hildreth, Cyndi McMahon, Kim Izar, Keith Jones, Crystal Evans-Pradhan, Finn Bullers, Hector del Valle, Travis Talbot, Tim Lindgren, William Lu, Annabel Consilvio, Aaron Greiner, <a href="http://www.triangle-inc.org/">Triangle, Inc.</a>, the home of <a href="http://www.triangle-inc.org/epic/">EPIC</a>.</p>
</section>
</div>
<section id="press" class="col-md-6">
<h3>Press</h3>
<ul>
<li>“<a title="" href="http://www.disabilityscoop.com/2014/03/06/new-handicapped-museum/19167/">New ‘Handicapped’ Symbol Featured At Museum of Modern Art</a>,” disabilityscoop, March 6, 2014.</li>
<li>“<a title="" href="http://www.lovethatmax.com/2014/02/the-wheelchair-icon-gets-makeover-and.html">The wheelchair icon gets a makeover and museum fame</a>,” Love That Max, February 20, 2014.</li>
<li>“<a title="" href="http://www.slate.com/blogs/the_eye/2014/02/19/does_the_international_symbol_of_access_need_a_redesign_roman_mars_99_percent.html">Does the International Wheelchair Symbol Need a Redesign?</a>” Slate, February 19, 2014.</li>
<li>“<a title="" href="http://99percentinvisible.org/episode/icon-for-access/">Icon For Access</a>,” 99% Invisible, February 18, 2014.</li>
<li>“<a title="" href="http://art-nerd.com/newyork/moving-forward-pop-up/">Moving Forward Pop-Up</a>,” Art Nerd New York, February 14, 2014.</li>
<li>“<a title="" href="http://www.thenav.ca/2014/01/23/the-accessible-icon-project/">The Accessible Icon Project</a>,” The Navigator, January 23, 2014.</li>
<li>“<a title="" href="http://www.minutesformemories.org/whats-making-headlines/2013/12/22/the-accessible-icon-projects-new-way-to-re-make-a-traditiona.html">The Accessible Icon Project’s New Way to Re-Make a Traditional Symbol</a>,” Minutes for Memories, December 22, 2013.</li>
<li>“<a title="" href="http://scopeblog.stanford.edu/2013/12/17/in-motion-accessible-icon-project-moves-forward/">In motion: Accessible Icon Project moves forward</a>,” Scope, December 17, 2013.</li>
<li>“<a title="" href="http://www.boston.com/news/local/massachusetts/2013/12/13/disability-icon-revamped-guerilla-art-project/LJ6DpGwm0PFdz8IN8j8J3K/story.html" target="_blank">Disability Icon Revamped By Guerilla Art Project</a>,” Page One of The Boston Globe, December 14, 2013.</li>
<li>“<a title="" href="http://www.cnn.com/video/data/2.0/video/living/2013/12/03/symbol-of-progress-pkg.cnn.html" target="_blank">Iconic Symbol Gets Moving in Makeover</a>,” CNN, December 2, 2013.</li>
<li>“<a title="" href="http://www.youtube.com/watch?v=X71n-COzwVU" target="_blank">City of New Bern Supports Accessible Icon Project</a>,” Colleen Roberts, Oct 17, 2013.</li>
<li>“<a title="" href="http://www.npr.org/2013/07/07/189523504/new-handicapped-sign-rolls-into-new-york-city">New Handicapped Sign Rolls Into New York City</a>,” NPR, July 07, 2013.</li>
<li>“<a title="" href="http://yailabs.org/the-accessible-icon-project/" target="_blank">The Accessible Icon Project</a>,” YAIlabs, June 28, 2013.</li>
<li>“<a title="" href="http://www.printmag.com/logo-design/isotype-disability-logo/">The Accessible Icon Project Revamps Famous Isotype</a>,” Printmag, June 6, 2013.</li>
<li>“<a title="" href="http://www.fastcodesign.com/1672754/how-a-guerrilla-art-project-gave-birth-to-nycs-new-wheelchair-symbol#1">How A Guerrilla Art Project Gave Birth To NYC’s New Wheelchair Symbol</a>,” Fast Company, June 6, 2013.</li>
<li> “<a title="" href="http://www.disabilityscoop.com/2013/05/28/handicapped-symbol-facelift/18034/">Handicapped’ Symbol Gets Facelift</a>,” disabilityscoop, June 28, 2013.</li>
<li>“<a title="" href="http://chronicle.com/article/New-York-City-Embraces-a/139355/?key=Gm52dARjbnZGZyxmNjlCYzpTYXE6NExxMnFEYnklblFREg%3D%3D">A Team of Academics Redesigns an Icon</a>,” The Chronicle of Higher Education,<em> </em>June 20, 2013.</li>
<li>“<a title="" href="http://www.theverge.com/2013/5/25/4365554/new-york-city-planning-to-use-a-more-progressive-handicapped-symbol">New York City planning to use a new, more progressive handicapped symbol</a>,” The Verge, June 25, 2013.</li>
<li>“<a title="" href="http://www.huffingtonpost.com/brian-glenney-phd/handicap-symbol_b_2288312.html">More Powerful Than Words</a>,” The Huffington Post, December 17, 2012.</li>
<li>“<a title="" href="http://usodep.blogs.govdelivery.com/2012/11/26/why-do-symbols-matter-exploring-the-international-symbol-of-access-and-its-influence-on-perceptions-of-people-with-disabilities/" target="_blank">Why Do Symbols Matter?</a>,” <span class="skimlinks-unlinked">Disability.gov</span>, November 26, 2012.</li>
<li>“<a title="" href="http://www.wcvb.com/chronicle/Taking-control/-/12523032/17065350/-/wml72lz/-/index.html">Taking control: Redefining disability</a>,” WCVB, October 20, 2012.</li>
<li>“<a title="" href="http://www.salemnews.com/local/x520551130/Gordon-College-adds-new-accessiblity-icon-to-parking-lots" target="_blank">Gordon College adds new ‘accessibility icon’</a>,” Salem News,<em> </em>October 20, 2012<em>. </em></li>
<li>“<a title="" href="http://www.wickedlocal.com/x1260722956/Malden-unveils-new-statewide-handicapped-accessible-parking-sign#axzz2AJ0FzHxh">Malden unveils new statewide handicapped accessible parking sign</a>,” WIcked Local, August 17, 2012.</li>
<li>“<a title="" href="https://www.youtube.com/watch?v=K2mTrBwki5s" target="_blank">Triangle Inc. Gets a Makeover</a>,” Ablevision,<em> </em>August 16, 2012<em>. </em></li>
<li>“<a title="" href="http://www.boston.com/news/education/higher/articles/2011/02/21/cambridge_artist_sara_hendren_promotes_wheelchair_symbol_update/" target="_blank">Enabling a New Icon</a>,” The Boston Globe, February 21, 2011.</li>
</ul>
</section>
</div>
</div>
</section>
</div>
</main>
<section id="end">
<figure>
<a href="#home"><img src="/img/cover-stencil-sm.jpg" srcset="/img/cover-stencil-md.jpg 768w, /img/cover-stencil.jpg 992w" class="figure-img img-fluid" alt=""></a>
</figure>
</section>
<!-- jQuery first, then Bootstrap JS. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>
<script src="https://use.typekit.net/uvr3imz.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/picturefill/3.0.2/picturefill.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-73770828-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>