-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
231 lines (185 loc) · 12 KB
/
about.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Communication Access Toolkit for Inclusive Online Meetings">
<meta name="keywords" content="communication access, online meetings, inclusive design, accessibility, augmentative and alternative communication, co-design">
<meta name="author" content="Nneka Nnagbo">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#3498db">
<!-- Open Graph meta tags for social media sharing -->
<meta property="og:title" content="Communication Access Toolkit for Online Meetings">
<meta property="og:description" content="A collaborative effort to enhance the accessibility of online meetings for individuals with complex communication access needs through a co-designed toolkit.">
<title>About</title>
<link rel="icon" type="image/svg+xml" href="/image/arrow-right-square-fill.svg">
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/starter-template/">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/starter-template.css" rel="stylesheet">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.lead-bttn {
margin-right: 0.5rem;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.githubLink {
margin-top: 2rem;
}
</style>
<!-- Custom styles for this template -->
<link href="../css/starter-template.css" rel="stylesheet">
</head>
<body>
<div class="col-lg-7 mx-auto p-5 py-md-5">
<header class="d-flex align-items-center pb-3 mb-5 border-bottom">
<a href="index.html" class="d-flex align-items-center text-dark text-decoration-none">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" fill="currentColor" class="me-2 bi bi-arrow-right-square-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M0 14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12zm4.5-6.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5a.5.5 0 0 1 0-1z" />
</svg>
<span class="fs-4">Communication Access Toolkit for Online Meetings</span>
</a>
</header>
<main>
<nav aria-label="breadcrumb">
<ol class="breadcrumb p-1 bg-body-tertiary rounded-3">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">About</li>
</ol>
</nav>
<h1>About the toolkit</h1>
<p class="fs-5"> The Communication Access Toolkit for Online Meetings is a community-designed open-source toolkit for sharing knowledge about how to design, organize, and facilitate accessible and inclusive online sessions that accommodate persons with complex communication access needs (CCAN), before, during and after the meeting. This is the first version of the toolkit, and more content will be added in the future.</p>
<!-- audio description -->
<div class="mb-5">
<audio controls=""><source src="/assets/audio/about.wav" type="audio/mpeg"></audio>
</div>
<hr class="col-3 col-md-2 mb-4">
<!-- row 1 -->
<div class="mb-4">
<h2 class="h4">Table of contents</h2>
<ul class="icon-list ps-0 fs-5">
<li class="d-flex align-items-start mb-1"><a href="#h2-1" rel="noopener">Making the kit</a></li>
<li class="d-flex align-items-start mb-1"><a href="#h2-2" rel="noopener">Goals of the kit</a></li>
<li class="d-flex align-items-start mb-1"><a href="#h2-3" rel="noopener">What's in the kit</a></li>
<li class="d-flex align-items-start mb-1"><a href="#h2-4" rel="noopener">Want to contribute?</a></li>
</ul>
</div>
<hr class="col-3 col-md-2 mb-5">
<!-- row 2 -->
<div class="mb-5 fs-5">
<h2 id="h2-1">Making the kit</h2>
<p>The development of this Online Communication Access Toolkit stems from the insights and experiences of co-designers who actively participated in our research. Through collaborative sessions, co-designers explored and prototyped tools aimed at enhancing the accessibility of online meetings for individuals with complex communication access needs (CCAN). The toolkit, a result of their collective expertise and lived experiences, offers a centralized resource featuring guidelines, protocols, and design suggestions for organizing inclusive online sessions.</p>
<p>It highlights the significance of understanding diverse communication needs and barriers, emphasizing the right of all participants, especially those using augmentative and alternative communication (AAC), to engage in online meetings with dignity. Future versions of the toolkit will incorporate community feedback, ensuring continuous improvement and responsiveness to the evolving landscape of communication accessibility in online meeting spaces.</p>
</div>
<!-- row 3 -->
<div class="mb-5 fs-5">
<h2 id="h2-2">Goals of the kit</h2>
<p>
The goals of this kit are to:
</p>
<ol>
<li>Provide an open, online toolkit for sharing knowledge about how to improve access to online meetings for persons with disabilities.</li>
<li>Educate the public on how AAC users and people who have speech, language, and communication disabilities (SLCDs) communicate and access information communication technology.</li>
</ol>
</div>
<!-- row 4 -->
<div class="mb-5 fs-5">
<h2 id="h2-3">What's in the kit</h2>
<p>The toolkit contains the following resources for supporting complex communication access needs throughout the process of meeting online:</p>
<ol>
<li>
<strong>Guides:</strong> This includes considerations and suggested practices for supporting CCAN and inclusion when organizing and hosting online meetings. The guidelines provide both a checklist to help meeting organizers and general education and awareness about the lived experiences of persons with CCAN when accessing online meetings.</p>
</li>
<li>
<strong>Accessibility features and plugins:</strong> These include new exploratory accessibility design features that could make meeting platforms more accessible to users with communication communication access needs.</p>
</li>
<li>
<strong>Tools and templates:</strong> These are reusable tools and templates to support communication access and participation for online meetings.</p>
</li>
</ol>
</div>
<!-- row 5 -->
<div class="mb-5 fs-5">
<h2 id="h2-4">Want to contribute?</h2>
<p>We welcome anyone to use and contribute to this toolkit, or give us feedback on how to make this website more valuable, usable, or accessible. Email us directly at <a href="mailto:[email protected]">[email protected]</a>.</p>
<!-- <ul>
<li>Experiences communication barriers when accessing online meetings</li>
<li>Organizes, hosts, facilitates, attends, or presents at online meetings, events, webinars, and conferences and wishes to make online gatherings accessible</li>
<li>Designs and develops virtual meeting platforms such as Zoom, Google Meet, Microsoft, Jitsi Meet</li>
<li>Advocates for communication accessibility rights and those who contribute to accessibility legislation</li>
</ul> -->
</div>
<!-- <div class="p-5 bg-light rounded-3">
<h2 id="h3-1" class="h3 text-body-emphasis">Give us feedback</h2>
<p class="fs-5">
Give us feedback on how to make this website more valuable, usable, or accessible. We welcome you to email us directly at <a href="mailto:[email protected]">[email protected]</a>.
</p>
</div> -->
<!-- <p class="githubLink mt-5"><a href="https://github.com/inclusive-design/guide.inclusivedesign.ca/edit/main/src
/documents/insights/en-CA/DisabilityAsMismatch.md" rel="nofollow" target="_blank" class="link-external"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg> Edit this Page on GitHub</a></p> -->
</main>
<footer class="pt-5 my-5 text-muted border-top">
<!-- This work is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/legalcode">Creative Commons Attribution 4.0 License</a>. -->
<!-- · -->
<!-- © 2022 Communication Access Toolkit for Online Meetings -->
<!-- <a href="/" class="d-flex align-items-center text-dark text-decoration-none mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="32" fill="currentColor" class="me-2 bi bi-arrow-right-square-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M0 14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12zm4.5-6.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5a.5.5 0 0 1 0-1z" />
</svg>
</a> -->
<p>This website is maintained and created by <a href="https://github.com/communication-access">Access to Communication Online</a>.<br>
It is distributed under the <a href="https://creativecommons.org/licenses/by/4.0/legalcode">Creative Commons Attribution 4.0 International license</a>.<br> Hosting provided by <a href="https://github.com/">Github</a>.<br>
</p>
<p class="mb-1 mt-4">
<a href="#">Back to top</a>
</p>
</footer>
</div>
<script src="../assets/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>