-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpage-accessibility.php
More file actions
executable file
·200 lines (194 loc) · 16.1 KB
/
page-accessibility.php
File metadata and controls
executable file
·200 lines (194 loc) · 16.1 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
<?php
/**
* The template for displaying Accessibility and Accommodation
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
*
* @package WordPress
* @subpackage Twenty_Twenty_One
* @since Twenty Twenty-One 1.0
*/
get_header();
?>
<div id="content">
<div class="d-flex p-4 p-md-5 align-items-center bg-gov-green bg-gradient" style="height: 12vh; min-height: 100px;">
<div class="container-lg px-0 px-md-3 py-4 py-md-5">
<h1 class="mb-0 text-white">Accessibility and Accommodations</h1>
</div>
</div>
<div class="bg-secondary-subtle">
<div class="container-lg p-lg-5 p-4 bg-light-subtle">
<h2>Meeting your learning needs</h2>
<div class="row">
<div class="col-md-8">
<p class="mb-md-4">The Corporate Learning Branch is committed to making our sessions as inclusive and accessible as possible. Learn more about the facilitated session experience, the accessibility services available and how to request accommodations.</p>
<h3>On this page</h3>
<ul>
<li><a href="#facilitated">Facilitated sessions</a></li>
<li><a href="#services">Accessibility services</a></li>
<li><a href="#request">Request accommodations</a></li>
</ul>
</div>
<div class="col-md-4">
<div class="card bg-secondary-subtle">
<div class="card-body">
<div class="card-title">
<h3 class="h4 text-primary">Need help?</h3>
</div>
<p class="card-text fs-6">If you have any questions about accessibility services or need assistance making your request, please log in to the <a href="https://sfs7.gov.bc.ca/affwebservices/public/saml2sso?SPID=urn:ca:bc:gov:customerportal:prod" class="customize-unpreviewable">AskMyHR portal</a> to submit a service request using the category "Corporate Learning > Course Information".</p>
</div>
</div>
</div>
</div>
<hr>
<h3 id="facilitated">Facilitated sessions</h3>
<p>Our virtual courses are designed to be interactive and engaging, using a mix of discussion, activities, and group collaboration. To help you prepare for the learning experience, here's what you can expect in a typical facilitated session.</p>
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 mt-4">
<div class="d-flex col mb-3">
<div class="flex-shrink-0 blue-fill align-self-start pt-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon-lg"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
<path d="M128 32C92.7 32 64 60.7 64 96l0 256 64 0 0-256 384 0 0 256 64 0 0-256c0-35.3-28.7-64-64-64L128 32zM19.2 384C8.6 384 0 392.6 0 403.2C0 445.6 34.4 480 76.8 480l486.4 0c42.4 0 76.8-34.4 76.8-76.8c0-10.6-8.6-19.2-19.2-19.2L19.2 384z" />
</svg>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="mb-1">Live sessions in Microsoft Teams or Zoom</h4>
<p>Sessions are conducted in Microsoft Teams or Zoom, where you will join other participants and facilitators in a virtual classroom setting.</p>
</div>
</div>
<div class="d-flex col mb-3">
<div class="flex-shrink-0 blue-fill align-self-start pt-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon-lg"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
<path d="M96 0C43 0 0 43 0 96L0 416c0 53 43 96 96 96l448 0c53 0 96-43 96-96l0-320c0-53-43-96-96-96L96 0zM64 96c0-17.7 14.3-32 32-32l448 0c17.7 0 32 14.3 32 32l0 320c0 17.7-14.3 32-32 32L96 448c-17.7 0-32-14.3-32-32L64 96zm159.8 80a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM96 309.3c0 14.7 11.9 26.7 26.7 26.7l56.1 0c8-34.1 32.8-61.7 65.2-73.6c-7.5-4.1-16.2-6.4-25.3-6.4l-69.3 0C119.9 256 96 279.9 96 309.3zM461.2 336l56.1 0c14.7 0 26.7-11.9 26.7-26.7c0-29.5-23.9-53.3-53.3-53.3l-69.3 0c-9.2 0-17.8 2.3-25.3 6.4c32.4 11.9 57.2 39.5 65.2 73.6zM372 289c-3.9-.7-7.9-1-12-1l-80 0c-4.1 0-8.1 .3-12 1c-26 4.4-47.3 22.7-55.9 47c-2.7 7.5-4.1 15.6-4.1 24c0 13.3 10.7 24 24 24l176 0c13.3 0 24-10.7 24-24c0-8.4-1.4-16.5-4.1-24c-8.6-24.3-29.9-42.6-55.9-47zM512 176a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM320 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128z" />
</svg>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="mb-1">Breakout rooms for small group discussions</h4>
<p>In some sessions, you may be placed in breakout rooms to collaborate with peers in smaller groups.</p>
</div>
</div>
<div class="d-flex col mb-3">
<div class="flex-shrink-0 blue-fill align-self-start pt-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon-lg"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
<path d="M208 352c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176c0 38.6 14.7 74.3 39.6 103.4c-3.5 9.4-8.7 17.7-14.2 24.7c-4.8 6.2-9.7 11-13.3 14.3c-1.8 1.6-3.3 2.9-4.3 3.7c-.5 .4-.9 .7-1.1 .8l-.2 .2s0 0 0 0s0 0 0 0C1 327.2-1.4 334.4 .8 340.9S9.1 352 16 352c21.8 0 43.8-5.6 62.1-12.5c9.2-3.5 17.8-7.4 25.2-11.4C134.1 343.3 169.8 352 208 352zM448 176c0 112.3-99.1 196.9-216.5 207C255.8 457.4 336.4 512 432 512c38.2 0 73.9-8.7 104.7-23.9c7.5 4 16 7.9 25.2 11.4c18.3 6.9 40.3 12.5 62.1 12.5c6.9 0 13.1-4.5 15.2-11.1c2.1-6.6-.2-13.8-5.8-17.9c0 0 0 0 0 0s0 0 0 0l-.2-.2c-.2-.2-.6-.4-1.1-.8c-1-.8-2.5-2-4.3-3.7c-3.6-3.3-8.5-8.1-13.3-14.3c-5.5-7-10.7-15.4-14.2-24.7c24.9-29 39.6-64.7 39.6-103.4c0-92.8-84.9-168.9-192.6-175.5c.4 5.1 .6 10.3 .6 15.5z" />
</svg>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="mb-1">Live chat feature</h4>
<p>The chat function will be available for asking questions, sharing insights, and engaging with others in real-time. You may not be required to track the live chat; when required, facilitator may prompt the class to do so.</p>
</div>
</div>
<div class="d-flex col mb-3">
<div class="flex-shrink-0 blue-fill align-self-start pt-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon-lg"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
<path d="M0 96C0 60.7 28.7 32 64 32l448 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM200 208c14.2 0 27 6.1 35.8 16c8.8 9.9 24 10.7 33.9 1.9s10.7-24 1.9-33.9c-17.5-19.6-43.1-32-71.5-32c-53 0-96 43-96 96s43 96 96 96c28.4 0 54-12.4 71.5-32c8.8-9.9 8-25-1.9-33.9s-25-8-33.9 1.9c-8.8 9.9-21.6 16-35.8 16c-26.5 0-48-21.5-48-48s21.5-48 48-48zm144 48c0-26.5 21.5-48 48-48c14.2 0 27 6.1 35.8 16c8.8 9.9 24 10.7 33.9 1.9s10.7-24 1.9-33.9c-17.5-19.6-43.1-32-71.5-32c-53 0-96 43-96 96s43 96 96 96c28.4 0 54-12.4 71.5-32c8.8-9.9 8-25-1.9-33.9s-25-8-33.9 1.9c-8.8 9.9-21.6 16-35.8 16c-26.5 0-48-21.5-48-48z" />
</svg>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="mb-1">Live transcript and captions</h4>
<p>Automated transcripts and captions are enabled during sessions for accessibility and note-taking.</p>
</div>
</div>
<div class="d-flex col mb-3">
<div class="flex-shrink-0 blue-fill align-self-start pt-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon-lg"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
<path d="M192 96a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm-8 384l0-128 16 0 0 128c0 17.7 14.3 32 32 32s32-14.3 32-32l0-288 56 0 64 0 16 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-16 0 0-64 192 0 0 192-192 0 0-32-64 0 0 48c0 26.5 21.5 48 48 48l224 0c26.5 0 48-21.5 48-48l0-224c0-26.5-21.5-48-48-48L368 0c-26.5 0-48 21.5-48 48l0 80-76.9 0-65.9 0c-33.7 0-64.9 17.7-82.3 46.6l-58.3 97c-9.1 15.1-4.2 34.8 10.9 43.9s34.8 4.2 43.9-10.9L120 256.9 120 480c0 17.7 14.3 32 32 32s32-14.3 32-32z" />
</svg>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="mb-1">Facilitator-led discussions and interactive activities</h4>
<p>Sessions may include polls, discussions, and exercises to reinforce learning.</p>
</div>
</div>
<div class="d-flex col mb-3">
<div class="flex-shrink-0 blue-fill align-self-start pt-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon-lg"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
<path d="M88.7 223.8L0 375.8 0 96C0 60.7 28.7 32 64 32l117.5 0c17 0 33.3 6.7 45.3 18.7l26.5 26.5c12 12 28.3 18.7 45.3 18.7L416 96c35.3 0 64 28.7 64 64l0 32-336 0c-22.8 0-43.8 12.1-55.3 31.8zm27.6 16.1C122.1 230 132.6 224 144 224l400 0c11.5 0 22 6.1 27.7 16.1s5.7 22.2-.1 32.1l-112 192C453.9 474 443.4 480 432 480L32 480c-11.5 0-22-6.1-27.7-16.1s-5.7-22.2 .1-32.1l112-192z" />
</svg>
</div>
<div class="flex-grow-1 ms-3">
<h4 class="mb-1">Course materials and resources</h4>
<p>Any relevant course materials or supplementary documents will be shared either before or during the session.</p>
</div>
</div>
</div>
<h4>Accommodations for live sessions</h4>
<p>If you require specific accommodations to fully participate in a facilitated course, please refer to the next section to learn about available services and how to submit a request.</p>
<hr>
<h3 id="services">Accessibility services</h3>
<p>To support you in your learning journey, we offer the following services. Each service is designed to ensure that you can fully engage with course content and activities. If you require services, please <strong>submit your request as soon as possible.</strong></p>
<div class="row row-cols-1 row-cols-md-3">
<div class="col mb-3">
<div class="card border-primary">
<div class="card-body">
<h4>American Sign Language (ASL) services</h4>
<p class="card-text">In-person and virtual interpreters for facilitated sessions.</p>
</div>
</div>
</div>
<div class="col mb-3">
<div class="card border-primary">
<div class="card-body">
<h4>Communication Access Realtime Translation (CART) services</h4>
<p class="card-text">Real-time captioning and word-for-word transcription of speech to text for live facilitated learning sessions and captioning for video content.</p>
</div>
</div>
</div>
<div class="col mb-3">
<div class="card border-primary">
<div class="card-body">
<h4>Neurodivergent support</h4>
<p class="card-text">Request support from supervisor to complete course assessments. Request for course slides or notes in advance.</p>
</div>
</div>
</div>
</div>
<hr>
<h3 id="request">Request accommodations</h3>
<p>To ensure your accessibility needs are met, we ask that you submit your requests in advance through the <a href="https://sfs7.gov.bc.ca/affwebservices/public/saml2sso?SPID=urn:ca:bc:gov:customerportal:prod" class="customize-unpreviewable">AskMyHR portal</a> using the category "Corporate Learning > Course Information".</p>
<p><a href="https://sfs7.gov.bc.ca/affwebservices/public/saml2sso?SPID=urn:ca:bc:gov:customerportal:prod" class="customize-unpreviewable btn btn-primary btn-lg">Submit an accommodation request</a> </p>
<h4 class="mt-4">Important timelines for requests</h4>
<p>To ensure we meet your needs, we kindly ask that you submit your requests well in advance of your course start date. The following timelines apply:</p>
<div class="row">
<div class="col-lg-6 col-xl-7 mb-3 mb-lg-0">
<ul>
<li class="mb-2">For <strong>ASL interpretation and CART services</strong>, please submit your request at least <strong>3-4 weeks</strong> before the session begins to ensure proper coordination and preparation.</li>
<li>To <strong>request course materials in advance</strong>, please submit your request at least <strong>one week</strong> before the start of the session.</li>
</ul>
</div>
<div class="col-lg-6 col-xl-5 table-responsive fs-6">
<table class="table table-bordered table-light w-auto mx-auto">
<thead class="table-secondary">
<tr>
<th scope="col">Service</th>
<th scope="col">Request before session</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row">ASL interpretation</td>
<td>3-4 weeks</td>
</tr>
<tr>
<td scope="row">CART services</td>
<td>3-4 weeks</td>
</tr>
<tr>
<td scope="row">Advance course materials</td>
<td>1 week</td>
</tr>
</tbody>
</table>
</div>
</div>
<p class="mt-3">Requests made later than these recommended timelines<strong> may result in limited accommodations or delays</strong> in preparation. We encourage you to plan ahead to ensure a smooth experience.</p>
<h4>Examples of how to make a request</h4>
<p>Here are some examples to help you understand how to submit your requests:</p>
<ul>
<li class="mb-2"><strong>Example 1:</strong> "I have enrolled in (Course Name), which starts on (Date), and I would like to request an ASL interpreter and captioning during the session." </li>
<li class="mb-2"><strong>Example 2:</strong> "I have enrolled in (Course Name), which starts on (Date) and I would like to request CART services during the session." </li>
<li><strong>Example 3:</strong> "I have enrolled in (Course Name), which starts on (Date) and I would appreciate receiving the course materials ahead of time."</li>
</ul>
</div>
</div>
</div>
<?php get_footer() ?>