-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
executable file
·359 lines (347 loc) · 19.3 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
---
layout: landing
---
<style>
ul.features li {
text-align: left;
}
</style>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>
<img src='openaac.svg' class='swing' style='height: 150px; margin: 0 10px 10px 0;' alt='OpenAAC'/>
</h2>
<p style='margin-top: -20px;'>Communication is for Everyone<br/>Let's all help make that happen</p>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class='inner'>
<header class="major">
<h2>Welcome to The OpenAAC Initiative</h2>
<div style='font-size: 22px; font-style: italic; margin-top: 40px; margin-bottom: 70px;'>
Fostering AAC adoption
<span class='hold-line'>
through
<div style='display: inline-block; vertical-align: top; text-align: left; border-left: 1px dotted #888; padding-left: 10px; font-weight: bold;'>
<a href='#awareness'>social awareness</a><br/>
<a href='#supports'>global supports</a><br/>
<a href='#standards'>open standards</a>
</div>
</span>
</div>
<img src='/images/were_open.svg' class='big_pic' style='height: 300px; max-width: 100%; float: right; margin: 0 10px 10px 0;'/>
<p>Everyone deserves to be able to communicate, but for
some people it can take a little extra work. OpenAAC is an initiative to get AAC
(Augmentative and Alternative Communication) into the hands of
as many people as can use it. We believe that AAC users should
have freedom to control their own destinies, that life opens
and expands with effective communication. We believe that best
happens when the people around AAC users understand their
communication strategies and how to best support their growth.
It's important for everyone -- family members, therapists,
app makers and others -- to respect the autonomy of AAC
users and focus on helping them succeed.
</p>
<p>As part of this effort, we work to create open standards for
the AAC community, and open-licensed materials and tools
to help raise the standard for everyone. By sharing resources
with open licenses, we hope to get AAC into the hands of
more people, and remove the financial barriers that stand
in the way of communication for too many.
</p>
<!----
<p>OpenAAC is an initiative to create and encourage open-licensed
resources and tools to support AAC (Augmentative and Alternative
Communication) users. We believe that AAC users should have
flexibility in and control over their communication modalities.
It is important for companies to create sustainable business
models that can reliably support AAC users, but business
practices that interfere with AAC user freedoms such as
vendor lock-in are inappropriate.</p>
<p>There is a growing international effort to create open-licensed
materials and tools with the goal of communicator autonomy, and
we are proud to contribute to this work! If you are interested in
getting involved, please follow the provided links to see how you
can help!</p>
-->
</header>
</div>
<div style='width: 400px; margin: 0 auto; max-width: 100%;'>
<a href="/donate" class="button fit special" style='font-size: 20px; height: 90px; line-height: 25px; padding: 20px 10px;'>Donate to<br/>OpenAAC!</a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSc05iowVgztxwFo0_KxA0jdQbeVn82MxlV-0-i-YUtOfZkSxg/viewform" class="button fit special" style='font-size: 20px; height: 90px; line-height: 25px; padding: 20px 10px;'>Take the Advocacy<br/>Pledge</a>
<a href="/surveys" class="button fit special" style='display: none; font-size: 20px; height: 90px; line-height: 25px; padding: 20px 10px;'>Participate in Our<br/>Open Surveys</a>
<a href="/cpp" class="button fit special" style='display: none; font-size: 20px; height: 90px; line-height: 25px; padding: 20px 10px;'>Try Our Self-Assessment<br/>Form For Yourself</a>
</div>
</section>
<!-- Three -->
<a name='awareness'></a>
<section id="threea" class="wrapper special style3">
<div class="inner">
<header class="major">
<h2>AAC Awareness</h2>
<p style='margin-bottom: 100px;'>Many folks know little to nothing about AAC, or haven't
met an AAC user in person. Part of our purpose at OpenAAC
is to look for opportunities to increase community
awareness of AAC so that when someone does run into an
AAC user it can be a positive experience for everyone
involved. We also regularly release community-focused
materials to help everyone get on the same page.
</p>
<a href="/knaac-awards/">
<img src="/images/2024/knaac/knaac-fb-link.png" style='width: 100%; max-width: 500px; border-radius: 10px; margin: 0 auto;' alt="knAAC Awards 2024"/>
</a>
<p style='margin-bottom: 100px;'>The results are in for your favorite
apps, people and resources in the world of AAC! Short for "Keepers
and Noteworthies in AAC", the knAAC Awards are a chance to
celebrate all the folks who just have a knack for making
things better.
</p>
<a href="2024/02/13/state-of-aac-2024.html">
<img src="/images/state-of-aac.svg" style='width: 100%; max-width: 830px; border-radius: 10px; margin: 0 auto;' alt="State of AAC 2024"/>
</a>
<p>It's hard to know where you're going, if you don't know
where you've been. We worked with AAC users, therapists,
families and experts around the world to collect insights
into what happened in the world of AAC in 2023. We cover
everything from what's new in AAC to what pop culture
references happened to where people are sending folks
for new training opportunities. Check out the report
for yourself, and share it with others!
</p>
<!-- TODO:
<p>STATE OF AAC, AAC in the Cloud</p>
-->
</header>
</div>
</section>
<!-- Three -->
<a name='supports'></a>
<section id="onea" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>Support Resources</h2>
<p style='margin-bottom: 100px;'>AAC implementations work best when both the AAC user
and the team around the communicator are engaged, empowered
and informed. Part of our mission is to create and
share open-licensed materials that can help train
and support people at every phase of their AAC journey.
</p>
<a href="/cpp" style='position: relative; display: block;'>
<img src="/images/cpp.svg" style='max-width: 400px; border-radius: 10px; margin: 0 auto; position: absolute; top: -40px; left: 0; background: #fff;' alt="CPP Logo"/>
<img src="/images/cpp_preview.png" style='max-width: 600px; width: 100%; border-radius: 10px; margin: 0 auto;' alt="CPP Preview"/>
</a>
<p>One of the most effective tools we've created
is the Communication Partner Profile, a self-reflection
form any supporter of AAC can fill out to get an idea
of how they're doing and where they can improve in supporting
AAC users. Check it out for yourself, and feel free to
share it with anyone who you think could benefit!
</p>
<a href="/docs" class="button fit special" style='height: 90px; line-height: 25px; padding: 20px 10px; max-width: 400px; margin: 0 auto;'>See All Our<br/>Resources & Handouts</a>
</header>
</div>
</section>
<!-- Two -->
<a name='standards'></a>
<section id="threeb" class="wrapper special style3">
<div class="inner">
<header class="major">
<h2>Standards and Certifications</h2>
</header>
<a href="/certifications"><img src='/images/certs/open-aac-seal.png' class='preview' style='max-width: 200px; float: left; margin-right: 10px; margin-bottom: 5px; margin-top: -50px;'/></a>
<p>
<b><a href="/certifications">AAC Certifications</a></b> -
To help maintain a minimum standard of quality and functionality,
and to help make it easier for people to find high-quality
AAC solutions, we maintain a certification process and
directory of certified AAC. Feel free to browse the
list to learn more about the quality solutions that exist
in the world of AAC!</p>
<div style='clear: both; margin-bottom: 20px;'>
<a id='apps_list' href="/certifications" style='text-decoration: none;'>
<span class="caption wide" style='display: none;'>
<img src="/images/2024/wordpower.jpeg" alt="" style='width: 80px; height: 80px; object-fit: contain; margin: 0 10px; background: #fff; border-radius: 10px; box-shadow: 0 0 5px #fff;'>
</span>
</a>
</div>
<p>
Unfortunately there are some low-quality apps that
are peddled to the unaware, and sometimes app developers
don't even realize how their design choices might affect
AAC users and their ability to use their app, so we are
happy to continue this work in order to maintain
awareness and education around AAC.
</p>
</div>
</section>
<section id="two" class="wrapper style2 special">
<div class="inner">
<header class="major">
<h2>Openness Manifesto</h2>
<p>We are parents, therapists, vendors and developers who believe that users should be in control and be able to mix and match their AAC resources to create the experience that works best for them. There are different aspects of the AAC experience that can be improved to make that happen, as listed below. We need your help! Below are the initiatives we are advocating for, including ways that you can help us move forward!</p>
</header>
<ul class="features">
<li class="icon fa-tablet">
<h3><a href="aac.html">Open Systems</a></h3>
<img src='/images/modeling_ideas.svg' class='example'/>
<p>Communicators should have an option for a free, dynamic, flexible AAC system.</p>
<div class='grade'>Current Grade: <span class='a'>A-</span></div>
<div class='helping'>Related Standards: <a href="https://tools.openaac.org/inflections/inflections.html">Language Support Models for AAC</a></div>
<div class='helping'>How to Help: <a href="aac.html">Explore Open AAC systems</a></div>
</li>
<li class="icon fa-image">
<h3><a href="symbols.html">Open Symbols</a></h3>
<img src='/images/symbols.svg' class='example'/>
<p>Therapists and education teams should be free to create and share classroom materials that use the same symbols available on AAC systems.</p>
<div class='grade'>Current Grade: <span class='c'>C+</span></div>
<div class='helping'>How to Help: <a href="https://www.opensymbols.org">Advocate for & use open symbols</a></div>
</li>
<li class="icon fa-download">
<h3><a href="https://www.openboardformat.org">Open Exports</a></h3>
<img src='/images/exports.svg' class='example'/>
<p>Users should be free to export their vocabulary sets if they need to switch to a different AAC system.</p>
<div class='grade'>Current Grade: <span class='d'>D</span></div>
<div class='helping'>Related Standards: <a href="https://www.openboardformat.org/docs">obf File Format</a></div>
<div class='helping'>How to Help: <a href="participate.html">Demand Change from Vendors</a></div>
</li>
<li class="icon fa-comment">
<h3><a href="https://www.openboardformat.org/examples">Open Vocabularies</a></h3>
<img src='https://www.openboardformat.org/previews/quick-core-60.png' class='example'/>
<p>Communicators should have access to free, robust, pre-made vocabulary sets that they can import into the system that works best for them.</p>
<div class='grade'>Current Grade: <span class='b'>C</span></div>
<div class='helping'>Related Standards: <a href="https://docs.google.com/document/d/1ZJAt1JkpXcHgazEkWMFxxD_l117eD21p1uEFLMqjrjA/edit#heading=h.h0hbg6a3svdx">AAC Effort Algorithms</a></div>
<div class='helping'>How to Help: <a href="https://www.openboardformat.org/analysis">Give Feedback on the CARE Score Analysis for AAC Vocabularies</a></div>
</li>
<li class="icon fa-lightbulb-o">
<h3><a href="https://www.coreworkshop.org">Open Lessons</a></h3>
<img src='/images/lesson.png' class='example'/>
<p>Teachers and families should have access to free learning resources and ideas for modeling with and supporting communicator learning.</p>
<div class='grade'>Current Grade: <span class='b'>B-</span></div>
<div class='helping'>How to Help: <a href="https://www.coreworkshop.org">Contribute Lesson Ideas!</a></div>
</li>
<li class="icon fa-check-square">
<h3><a href="/assessments">Open Assessments</a></h3>
<img src='https://d18vdu4p71yql0.cloudfront.net/libraries/twemoji/1f4c4.svg' class='example'/>
<p>Families and organizations shoud have access to assessment options that can help guide their supports without having to pay for access to helpful assessment tools.</p>
<div class='grade'>Current Grade: <span class='c'>C</span></div>
<div class='helping'>How to Help: <a href="/assessments">Share and Provide Feedback on Open Assessments!</div>
</li>
<li class="icon fa-flask">
<h3><a href="https://www.openboardformat.org/docs">Open Research</a></h3>
<img src='/images/log.png' class='example'/>
<p>AAC usage data should be available in a vendor-neutral format that can be safely colllected and used for industry research.</p>
<div class='grade'>Current Grade: <span class='d'>D</span></div>
<div class='helping'>Related Standards: <a href="https://www.openboardformat.org/logs">Open Logging File Format</a></div>
<div class='helping'>How to Help: <a href="https://docs.google.com/document/d/1KpC82nQc8RscgYZWKQo-y_LlKSwd8VsuvhnjrIve2f4/edit">Review and Share the Open Logging Format</a> specification</div>
</li>
<li class="icon fa-link">
<h3><a href="https://tools.openaac.org/">Open Integrations</a></h3>
<img src='https://d18vdu4p71yql0.cloudfront.net/libraries/twemoji/1f4bb.svg' class='example'/>
<p>Third party companies, web sites and developers should have tools that allow them to make their solutions available to AAC users in a standardized way.</p>
<div class='grade'>Current Grade: <span class='f'>F</span></div>
<div class='helping'>Related Standards: <a href="https://tools.openaac.org/">AAC Shim</a></div>
<div class='helping'>How to Help: <a href="https://tools.openaac.org">Help Develop Web Integrations</a></div>
</li>
<li class="icon fa-volume-up">
<h3><a href="/voices">Open Voices</a></h3>
<img src='/openaac.svg' class='example'/>
<p>Communicators should have access to a range of free, high-quality voice output options that they can personally identify with.</p>
<div class='grade'>Current Grade: <span class='c'>C-</span></div>
<div class='helping'><a href="/voices">Help Develop Mobile-Compatible Voice Engines</a></div>
</li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper special style3">
<div class="inner">
<header class="major">
<h2>Additional Resources</h2>
<p>There are so many great projects around the world that
are benefitting from open protocols and standards. Below
we have gathered collections of open resources and tools
that apply to the AAC community. If you notice we're
missing something, please let us know right away!
</p>
<ul class='link_list'>
<li><a href="aac.html">Open AAC Systems</a></li>
<li><a href="symbols.html">Open Symbol Libraries</a></li>
<li><a href="learning.html">Open Learning Resources</a></li>
<li><a href="photos.html">AAC Photo Library</a></li>
<li><a href="developers.html">Developer Tools</a></li>
</ul>
</header>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Get Involved!
</h2>
<p>Our team is small but we have big plans. We can use your help, and it's easier than you think to contribute!</p>
</header>
<ul class="actions vertical">
<li><a href="https://www.paypal.com/donate/?hosted_button_id=6V5ENEGE6MG28" class="button fit special">Donate</a></li>
<li><a href="https://join.slack.com/t/openaac/shared_invite/enQtNTQwNDgwODYyNjU5LTAwODNmZjM4ZmJmOTJkYTY2MWZkNjc0MDQ0NTcwMTRmMzY0MWI3OWJiNGYwZGIzMzc2YTk2N2FiY2JlYTI5Njc" class="button fit special">Join Chat</a></li>
<li><a href="participate.html" class="button fit ">How to Help</a></li>
</ul>
</div>
</section>
<div id="video_player" style='display: none; position: fixed; top: 5vh; left: 5vw; width: 90vw; height: 90vh; background: rgba(255, 255, 255, 0.8); border-radius: 5px; z-index: 99999;'>
<iframe frameborder='0' id='video_frame' style='background: #fff; width: calc(90vw - 20px); height: calc(90vh - 20px - 85px); margin: 10px;'></iframe>
<div style='margin: -5px 10px 5px;'>
<a href="#" class='button special big' id='close_video_player' style='vertical-align: middle;'>Close</a>
<span id='video_player_times' style='display: none; color: #444; font-size: 20px; margin-left: 20px; background: #fff; box-shadow: rgb(255, 255, 255) 0px 0px 30px 15px; border-radius: 5px; padding: 5px;'>
<span id='video_player_time'></span> /
<span id='video_player_duration'></span>
</span>
</div>
</div>
<script>
(function() {
var loady = function() {
var videos = document.getElementsByTagName('video');
for(var idx = 0; idx < videos.length; idx++) {
var vid = videos[idx];
if(vid.getAttribute('rel') && !vid.getAttribute('src')) {
vid.setAttribute('src', vid.getAttribute('rel'));
}
}
};
window.addEventListener('load', loady);
setTimeout(loady, 10000);
})();
</script>
<script>
var apps = document.getElementById('apps_list');
var app_template = apps.querySelectorAll('.caption')[0];
var list = [].concat(window.app_list || []);
if(list.length == 0) {
list.push({name: "None available", desc: " ", rank: 1});
}
var start_num = ((new Date()).getDate() / 30) - 0.5;
var cert_cutoff = new Date();
cert_cutoff.setMonth(cert_cutoff.getMonth() - 18);
cert_cutoff = cert_cutoff.getTime() / 1000;
list = list.sort(function(a, b) {
if(a.rank != b.rank) {
return a.rank - b.rank;
}
start_num = start_num * -1;
return start_num;
// return Math.random() - 0.5;
// return a.name.localeCompare(b.name);
})
list.forEach(function(item) {
if(item.reviewed && item.reviewed > cert_cutoff) {
var app = app_template.cloneNode(true);
app.style.display = 'inline-block';
app.querySelectorAll('img')[0].setAttribute('src', item.image_url || '#');
apps.appendChild(app);
}
});
</script>