forked from cambridgesu/accessibility-statement-generator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
280 lines (261 loc) · 40.1 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
<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="generator.css" />
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="jquery-ui.js"></script>
<script src="generator1.js" type="text/javascript"></script>
<h3>Accessibility statement generator</h3>
<div id="intro">
<p>This tool enables individuals who organise a conference or workshop to share information about the accessibility of their event with people who have a disability or a chronic condition upfront. Disabled people spend lots of time and energy on chasing conference and workshop organiser to share with them whether their venue is accessible to them.</p>
<p>If you indicate below which types of accommodation your venue offers, the accessibility statement generator will output a statement which describes the accessibility of your venue. You can include this text on your website or in emails relating to the event you are organising. is tool enables individuals who organise a conference or workshop to share information about the accessibility of their event with people who have a disability or a chronic condition upfront. Disabled people spend lots of time and energy on chasing conference and workshop organiser to share with them whether their venue is accessible to them.</p>
<p><strong>Even these questions are not necessarilly complete in terms of providing comprehensive access information (for instance if a venue has ramps which are the two narrow ramps these are suitable only for manual wheelchairs not powerchairs and many wheelchair users prefer to avoid them regardless. Please think about other details you might want to add in the further comments section.</strong></p>
</div>
<!-- noscript doesn't play well with some JS blockers -->
<div class="noJS2">Please enable Javascript.</div>
<div class="requireJS2 tooltipsjquery"><!--The buttons at the top-->
<div id="buttons">
<div class="toggle"><label for="greyed"> <span class="unselected">Show inactive questions</span><span class="selected">Hide inactive questions</span></label> <input name="toggled" id="greyed" value="1" type="checkbox" /></div>
<div class="toggle"><label for="type"> <span class="unselected">Go to short version</span><span class="selected">Go to standard version</span></label> <input name="toggled" id="type" value="1" type="checkbox" /></div>
<div class="clear"> </div>
</div>
<form><!--The set of questions for the standard version of the form-->
<div id="questions" class="questions">
<h4 class="sectionhead">Access to the venue:</h4>
<fieldset><legend>Does the venue have:</legend>
<div id="access"><input name="access" value="wa" id="access_wa" type="radio" /> <label for="access_wa">Wheelchair access<span aria-label="Info" title="Wheelchair access requires flat access (no lips), no very steep ramps or narrow doorways as well as space for wheelchair user in the room.">(?)</span></label> <input name="access" value="sf" id="access_sf" type="radio" /> <label for="access_sf">Step-free access only<span aria-label="Info" title="e.g. There is a significant lip into the room or there is a narrow doorway">(?)</span></label> <input name="access" value="no" id="access_no" type="radio" /> <label for="access_no">No step-free access</label> <input name="access" value="" id="access_" type="radio" /> <label for="access_">Unknown</label></div>
<div id="separateaccess" class="hide"><input name="separateaccess" value="route" id="separateaccess_y" type="checkbox" /><label for="separateaccess_y">The step-free or wheelchair access is by a separate route.<span aria-label="Info" title="Often venues have a separate route into the venue for wheelchair users and those needing step free access. It's important to not assume a venue doesn't have step free access just because there are some steps up to the front door, they might have a ramp they can put in or a separate route">(?)</span></label></div>
</fieldset>
<div id="steps" class="hide">
<h4 class="sectionhead">Steps:</h4>
<label for="steps_count">Approximately how many steps<span id="separateshow"> into the main entrance</span>?<span aria-label="Info" title="Give a number of steps or a number of flights of stairs for instance. If there is separate step free access please describe the main route.">(?)</span></label> <span class="nowrap"> <input id="steps_count" name="steps_count" type="text" /> </span><fieldset><legend>How high are the steps?</legend> <input name="steps" value="lip" id="lip" type="radio" /><label for="steps_height_lip">a lip/lips</label> <input name="steps" value="shallow" id="shallow" type="radio" /><label for="shallow">shallow</label> <input name="steps" value="standard height" id="standard height" type="radio" /><label for="standard height">approximately standard height</label> <input name="steps" value="deep" id="deep" type="radio" /><label for="deep">deep</label> <input name="steps" value="" id="steps_height_" type="radio" /><label for="steps_height_">unknown</label></fieldset><fieldset><legend>Is there a handrail?</legend> <input name="steps_hr" value="no" id="steps_hr_no" type="radio" /><label for="steps_hr_no">no</label> <input name="steps_hr" value="one" id="steps_hr_one" type="radio" /><label for="steps_hr_one">on one side</label> <input name="steps_hr" value="both" id="steps_hr_both" type="radio" /><label for="steps_hr_both">on boths sides<span aria-label="Info" title="narrow stairs so that someone can hold both at the same time, not a wide flight with one each side">(?)</span></label> <input name="steps_hr" value="" id="steps_hr_" type="radio" /><label for="steps_hr_">unknown</label></fieldset></div>
<h4><strong class="sectionhead">Facilities:</strong> Which of the following are available?</h4>
<fieldset id="seat"><legend>Seating?</legend> <input name="seat" value="yp" id="seat_yp" type="radio" /><label for="seat_yp">yes - padded/comfortable</label> <input name="seat" value="yn" id="seat_yb" type="radio" /><label for="seat_yb">yes - basic chairs</label> <input name="seat" value="y" id="seat_y" type="radio" /><label for="seat_y">yes - unknown type</label> <input name="seat" value="n" id="seat_n" type="radio" /><label for="seat_n">no</label> <input name="seat" value="" id="seat_" type="radio" /><label for="seat_">unknown</label></fieldset><fieldset id="wheelchairtoilet"><legend>Wheelchair accessible toilet?</legend> <input name="wheelchairtoilet" value="y" id="wheelchairtoilet_y" type="radio" /><label for="wheelchairtoilet_y">yes</label> <input name="wheelchairtoilet" value="p" id="wheelchairtoilet_p" type="radio" /><label for="wheelchairtoilet_p">partially accessible toilet<span aria-label="Info" title="For instance a toilet that is not large enough for a wheelchair to move around in or which is big enough but doesn't have any grab rails">(?)</span></label> <input name="wheelchairtoilet" value="n" id="wheelchairtoilet_n" type="radio" /><label for="wheelchairtoilet_n">no</label> <input name="wheelchairtoilet" value="" id="wheelchairtoilet_" type="radio" /><label for="wheelchairtoilet_">unknown</label></fieldset><fieldset id="genderneutraltoilet"><legend>Gender neutral toilet?<span aria-label="Info" title="at most events this would be a single cubicle facility">(?)</span></legend> <input name="genderneutraltoilet" value="y" id="genderneutraltoilet_y" type="radio" /><label for="genderneutraltoilet_y">yes</label> <input name="genderneutraltoilet" value="n" id="genderneutraltoilet_n" type="radio" /><label for="genderneutraltoilet_n">no</label> <input name="genderneutraltoilet" value="" id="genderneutraltoilet_" type="radio" /><label for="genderneutraltoilet_">unknown</label></fieldset><fieldset id="hearingloop"><legend>Hearing loop?</legend> <input name="hearingloop" value="y" id="hearingloop_y" type="radio" /><label for="hearingloop_y">yes</label> <input name="hearingloop" value="n" id="hearingloop_n" type="radio" /><label for="hearingloop_n">no</label> <input name="hearingloop" value="reqad" id="hearingloop_reqad" type="radio" /><label for="hearingloop_reqad">by request in advance</label> <input name="hearingloop" value="req" id="hearingloop_req" type="radio" /><label for="hearingloop_req">by request at the event</label> <input name="hearingloop" value="" id="hearingloop_" type="radio" /><label for="hearingloop_">unknown</label></fieldset><fieldset id="bsl"><legend>BSL interpretor?</legend> <input name="bsl" value="y" id="bsl_y" type="radio" /><label for="bsl_y">yes</label> <input name="bsl" value="n" id="bsl_n" type="radio" /><label for="bsl_n">no</label> <input name="bsl" value="reqad" id="bsl_reqad" type="radio" /><label for="bsl_reqad">by request in advance</label> <input name="bsl" value="req" id="bsl_req" type="radio" /><label for="bsl_req">by request at the event</label> <input name="bsl" value="" id="bsl_" type="radio" /><label for="bsl_">unknown</label></fieldset><fieldset id="quiet"><legend>Designated quiet space?<span aria-label="Info" title="At some events people provide a space that is designated as a quiet space where people can go if they need that. Examples where this is a good idea is where the event might be very emotional or triggering or where the main event is very loud and people might need a break for any number of reasons.">(?)</span></legend> <input name="quiet" value="y" id="quiet_y" type="radio" /><label for="quiet_y">yes</label> <input name="quiet" value="n" id="quiet_n" type="radio" /><label for="quiet_n">no</label> <input name="quiet" value="reqad" id="quiet_reqad" type="radio" /><label for="quiet_reqad">by request in advance</label> <input name="quiet" value="req" id="quiet_req" type="radio" /><label for="quiet_req">by request at the event</label> <input name="quiet" value="" id="quiet_" type="radio" /><label for="quiet_">unknown</label></fieldset><fieldset id="park"><legend>Parking nearby/onsite?</legend> <input name="park" value="y" id="park_y" type="radio" /><label for="park_y">yes</label> <input name="park" value="n" id="park_n" type="radio" /><label for="park_n">no</label> <input name="park" value="reqad" id="park_reqad" type="radio" /><label for="park_reqad">by request in advance</label> <input name="park" value="req" id="park_req" type="radio" /><label for="park_req">by request at the event</label> <input name="park" value="" id="park_" type="radio" /><label for="park_">unknown</label></fieldset><fieldset id="blue"><legend>Blue badge parking near the venue?</legend> <input name="blue" value="y" id="blue_y" type="radio" /><label for="blue_y">yes</label> <input name="blue" value="n" id="blue_n" type="radio" /><label for="blue_n">no</label> <input name="blue" value="reqad" id="blue_reqad" type="radio" /><label for="blue_reqad">by request in advance</label> <input name="blue" value="req" id="blue_req" type="radio" /><label for="blue_req">by request at the event</label> <input name="blue" value="" id="blue_" type="radio" /><label for="blue_">unknown</label></fieldset>
<div id="film"><strong class="sectionhead">Film:</strong> Does this event include a video showing? <input name="film" value="y" id="film_y" type="radio" /><label for="film_y">yes</label> <input name="film" value="n" id="film_n" type="radio" /><label for="film_n">no</label> <input name="film" value="" id="film_" type="radio" /><label for="film_">unknown</label></div>
<div id="filmhide" class="hide"><fieldset id="sub"><legend>Are there subtitles?</legend> <input name="sub" value="y" id="sub_y" type="radio" /><label for="sub_y">yes</label> <input name="sub" value="n" id="sub_n" type="radio" /><label for="sub_n">no</label> <input name="sub" value="reqad" id="sub_reqad" type="radio" /><label for="sub_reqad">by request in advance</label> <input name="sub" value="req" id="sub_req" type="radio" /><label for="sub_req">by request at the event</label> <input name="sub" value="" id="sub_" type="radio" /><label for="sub_">unknown</label></fieldset>
<div id="cc" class="hide"><fieldset id="cc"><legend>Including closed caption?<span aria-label="Info" title="Closed caption are subtitles that for those with hearing impairments, decribing noises on the film in addition to what people are saying">(?)</span></legend> <input name="cc" value="y" id="cc_y" type="radio" /><label for="cc_y">yes</label> <input name="cc" value="n" id="cc_n" type="radio" /><label for="cc_n">no</label> <input name="cc" value="reqad" id="cc_reqad" type="radio" /><label for="cc_reqad">by request in advance</label> <input name="cc" value="req" id="cc_req" type="radio" /><label for="cc_req">by request at the event</label> <input name="cc" value="" id="cc_" type="radio" /><label for="cc_">unknown</label></fieldset></div>
<fieldset id="audiodescription"><legend>Is there audio description?<span aria-label="Info" title="Audio description is description of what is happening on screen for those with sight impairments">(?)</span></legend> <input name="audiodescription" value="y" id="audiodescription_y" type="radio" /><label for="audiodescription_y">yes</label> <input name="audiodescription" value="n" id="audiodescription_n" type="radio" /><label for="audiodescription_n">no</label> <input name="audiodescription" value="reqad" id="audiodescription_reqad" type="radio" /><label for="audiodescription_reqad">by request in advance</label> <input name="audiodescription" value="req" id="audiodescription_req" type="radio" /><label for="audiodescription_req">by request at the event</label> <input name="audiodescription" value="" id="audiodescription_" type="radio" /><label for="audiodescription_">unknown</label></fieldset><fieldset id="englishaudio"><legend>English language audio?</legend> <input name="englishaudio" value="y" id="englishaudio_y" type="radio" /><label for="englishaudio_y">yes</label> <input name="englishaudio" value="n" id="englishaudio_n" type="radio" /><label for="englishaudio_n">no</label> <input name="englishaudio" value="reqad" id="englishaudio_reqad" type="radio" /><label for="englishaudio_reqad">by request in advance</label> <input name="englishaudio" value="req" id="englishaudio_req" type="radio" /><label for="englishaudio_req">by request at the event</label> <input name="englishaudio" value="" id="englishaudio_" type="radio" /><label for="englishaudio_">unknown</label></fieldset></div>
<div><label for="comment">Any further comments?<span aria-label="Info" title="Examples of things here might be that there is a ramp but in needs putting out and who to contact or that the ramp is a split or gutter ramp which is not suitable for powerchair users, another might be that printouts of the script are available on the door (for those with hearing impairments)">(?)</span></label>
<div><textarea name="comment" id="comment" class="generator" placeholder="Details"></textarea></div>
</div>
<div><label for="contact">Please provide contact details for any access inquiries (if not included elsewhere):</label> <textarea id="contact" name="contact"></textarea></div>
</div>
<div id="shortquestions" class="questions">
<h4 class="sectionhead">Access to the venue:</h4>
<fieldset><legend>Does the venue have:</legend>
<div id="accessshort"><input name="accessshort" value="wa" id="accessshort_wa" type="radio" /> <label for="accessshort_wa">Wheelchair access<span aria-label="Info" title="Wheelchair access requires flat access (no lips), no very steep ramps or narrow doorways as well as space for wheelchair user in the room.">(?)</span></label> <input name="accessshort" value="sf" id="accessshort_sf" type="radio" /> <label for="accessshort_sf">Step-free access only<span aria-label="Info" title="e.g. There is a significant lip into the room or there is a narrow doorway">(?)</span></label> <input name="accessshort" value="no" id="accessshort_no" type="radio" /> <label for="accessshort_no">No step-free access</label> <input name="accessshort" value="" id="accessshort_" type="radio" /> <label for="accessshort_">Unknown</label></div>
<div id="separateaccessshort" class="hide"><input name="separateaccessshort" value="route" id="separateaccessshort_y" type="checkbox" /><label for="separateaccessshort_y">The step-free or wheelchair access is by a separate route.<span aria-label="Info" title="Often venues have a separate route into the venue for wheelchair users and those needing step free access. It's important to not assume a venue doesn't have step free access just because there are some steps up to the front door, they might have a ramp they can put in or a separate route">(?)</span></label></div>
</fieldset>
<div id="stepsshort" class="hide"><label for="stepsshort_data">How many steps<span id="separateshowshort"> into the main entrance</span>?<span aria-label="Info" title="Give a number of steps or a number of flights of stairs for instance, you can also state and further details (such as height; whether they are straight stairs or whether they have handrail here. If there is separate step free access please describe the main route.">(?)</span></label> <span class="nowrap"> <input id="stepsshort_data" name="stepsshort_data" type="text" /> </span></div>
<h4><strong class="sectionhead">Facilities:</strong> Which of the following are available?</h4>
<span class="nowrap"><input name="paddedseat" value="y" id="paddedseat" type="checkbox" /><label for="paddedseat">Padded/comfortable seating?</label> </span> <span class="nowrap"><input name="basicseat" value="y" id="basicseat" type="checkbox" /><label for="basicseat">Basic seating?</label> </span> <span class="nowrap"><input name="wheelchairtoiletshort" value="y" id="wheelchairtoiletshort" type="checkbox" /><label for="wheelchairtoiletshort">Wheelchair accessible toilet?</label> </span> <span class="nowrap"><input name="genderneutraltoiletshort" value="y" id="genderneutraltoiletshort" type="checkbox" /><label for="genderneutraltoiletshort">Gender neutral toilet?<span aria-label="Info" title="at most events this would be a single cubicle facility">(?)</span></label> </span> <span class="nowrap"><input name="hearingloopshort" value="y" id="hearingloopshort" type="checkbox" /><label for="hearingloopshort">Hearing loop?</label> </span> <span class="nowrap"><input name="bslshort" value="y" id="bslshort" type="checkbox" /><label for="bslshort">BSL interpretor?</label> </span> <span class="nowrap"><input name="quietshort" value="y" id="quietshort" type="checkbox" /><label for="quietshort">Designated quiet space?<span aria-label="Info" title="At some events people provide a space that is designated as a quiet space where people can go if they need that. Examples where this is a good idea is where the event might be very emotional or triggering or where the main event is very loud and people might need a break for any number of reasons.">(?)</span></label> </span> <span class="nowrap"><input name="parkshort" value="y" id="parkshort" type="checkbox" /><label for="parkshort">Parking nearby/onsite?</label> </span> <span class="nowrap"><input name="blueshort" value="y" id="blueshort" type="checkbox" /><label for="blueshort">Blue badge parking?</label> </span> <span class="nowrap"><input name="subshort" value="y" id="subshort" type="checkbox" /><label for="subshort">Subtitles?</label> </span> <span class="nowrap"><input name="ccshort" value="y" id="ccshort" type="checkbox" /><label for="ccshort">Including closed caption?<span aria-label="Info" title="Closed caption are subtitles that for those with hearing impairments, decribing noises on the film in addition to what people are saying">(?)</span></label> </span> <span class="nowrap"><input name="englishaudioshort" value="y" id="englishaudioshort" type="checkbox" /><label for="englishaudioshort">English language audio?</label> </span> <span class="nowrap"><input name="audiodescriptionshort" value="y" id="audiodescriptionshort" type="checkbox" /><label for="audiodescriptionshort">Including audio description?<span aria-label="Info" title="Audio description is description of what is happening on screen for those with sight impairments">(?)</span></label> </span>
<div><label for="commentshort">Any further comments?<span aria-label="Info" title="Examples of things here might be that there is a ramp but in needs putting out and who to contact or that the ramp is a split or gutter ramp which is not suitable for powerchair users, another might be that printouts of the script are available on the door (for those with hearing impairments)">(?)</span></label>
<div><textarea name="commentshort" id="commentshort" class="generator" placeholder="Details"></textarea></div>
</div>
<div><label for="contactshort">Please provide contact details for any access inquiries (if not included elsewhere):</label> <textarea id="contactshort" name="contactshort"></textarea></div>
</div>
<div id="generate"><button type="button" class="generator">Generate it</button>
<div class="clear"> </div>
</div>
<div id="select" class="hide"><button type="button" class="generator">Select result</button>
<div class="clear"> </div>
</div>
<textarea id="result" class="hide generator"> </textarea></form>
<p><small>The Accessibility Statement Generator was shared with us by the Disabled Students' Campaign of the University of Cambridge and programmed by Rowan Thomas, available <a href="https://github.com/cusu/accessibility-statement-generator" target="_blank">on GitHub</a>. The code used on this site includes several minor improvements made by Aaron Schaal and is also available <a href="https://github.com/phonon112358/accessibility-statement-generator" target="_blank">on GitHub</a>.</small></p>
</div>
<div id="access">
<input type="radio" name="access" value="wa" id="access_wa" />
<label for="access_wa">Wheelchair access<span title="Wheelchair access requires flat access (no lips), no very steep ramps or narrow doorways as well as space for wheelchair user in the room.">(?)</span></label>
<input type="radio" name="access" value="sf" id="access_sf"/>
<label for="access_sf">Step-free access only<span title="e.g. There is a significant lip into the room or there is a narrow doorway">(?)</span></label>
<input type="radio" name="access" value="no" id="access_no"/>
<label for="access_no">No step-free access</label>
<input type="radio" name="access" value="" id="access_"/>
<label for="access_">Unknown</label>
</div>
<div id="separateaccess" class="hide">
<input type="checkbox" name="separateaccess" value="route" id="separateaccess_y"/><label for="separateaccess_y">The step-free or wheelchair access is by a separate route.<span title="Often venues have a separate route into the venue for wheelchair users and those needing step free access. It's important to not assume a venue doesn't have step free access just because there are some steps up to the front door, they might have a ramp they can put in or a separate route">(?)</span></label>
</div>
</fieldset>
<div id="steps" class="hide">
<h3 class="sectionhead">Steps:</h3>
<label for="steps_count">Approximately how many steps<span id="separateshow"> into the main entrance</span>?<span title="Give a number of steps or a number of flights of stairs for instance. If there is separate step free access please describe the main route.">(?)</span></label>
<span class="nowrap">
<input type="text" id="steps_count" name="steps_count"/>
</span>
<fieldset>
<legend>How high are the steps?</legend>
<input type="radio" name="steps" value="lip" id="lip" /><label for="steps_height_lip">a lip/lips</label>
<input type="radio" name="steps" value="shallow" id="shallow"/><label for="shallow">shallow</label>
<input type="radio" name="steps" value="standard height" id="standard height"/><label for="standard height">approximately standard height</label>
<input type="radio" name="steps" value="deep" id="deep"/><label for="deep">deep</label>
<input type="radio" name="steps" value="" id="steps_height_"/><label for="steps_height_">unknown</label>
</fieldset>
<fieldset>
<legend>Is there a handrail?</legend>
<input type="radio" name="steps_hr" value="no" id="steps_hr_no"/><label for="steps_hr_no">no</label>
<input type="radio" name="steps_hr" value="one" id="steps_hr_one" /><label for="steps_hr_one">on one side</label>
<input type="radio" name="steps_hr" value="both" id="steps_hr_both"/><label for="steps_hr_both">on boths sides<span title="narrow stairs so that someone can hold both at the same time, not a wide flight with one each side">(?)</span></label>
<input type="radio" name="steps_hr" value="" id="steps_hr_"/><label for="steps_hr_">unknown</label>
</div>
</div>
<h3><strong class="sectionhead">Facilities:</strong> Which of the following are available?</h3>
<fieldset id="seat">
<legend>Seating?</legend>
<input type="radio" name="seat" value="yp" id="seat_yp" /><label for="seat_yp">yes - padded/comfortable</label>
<input type="radio" name="seat" value="yn" id="seat_yb"/><label for="seat_yb">yes - basic chairs</label>
<input type="radio" name="seat" value="y" id="seat_y"/><label for="seat_y">yes - unknown type</label>
<input type="radio" name="seat" value="n" id="seat_n"/><label for="seat_n">no</label>
<input type="radio" name="seat" value="" id="seat_"/><label for="seat_">unknown</label></fieldset>
<fieldset id="wheelchairtoilet">
<legend>Wheelchair accessible toilet?</legend>
<input type="radio" name="wheelchairtoilet" value="y" id="wheelchairtoilet_y"/><label for="wheelchairtoilet_y">yes</label>
<input type="radio" name="wheelchairtoilet" value="p" id="wheelchairtoilet_p"/><label for="wheelchairtoilet_p">partially accessible toilet<span title="For instance a toilet that is not large enough for a wheelchair to move around in or which is big enough but doesn't have any grab rails">(?)</span></label>
<input type="radio" name="wheelchairtoilet" value="n" id="wheelchairtoilet_n"/><label for="wheelchairtoilet_n">no</label>
<input type="radio" name="wheelchairtoilet" value="" id="wheelchairtoilet_"/><label for="wheelchairtoilet_">unknown</label>
</fieldset>
<fieldset id="genderneutraltoilet">
<legend>Gender neutral toilet?<span title="at most events <D-d>this would be a single cubicle facility">(?)</span></legend>
<input type="radio" name="genderneutraltoilet" value="y" id="genderneutraltoilet_y"/><label for="genderneutraltoilet_y">yes</label>
<input type="radio" name="genderneutraltoilet" value="n" id="genderneutraltoilet_n"/><label for="genderneutraltoilet_n">no</label>
<input type="radio" name="genderneutraltoilet" value="" id="genderneutraltoilet_"/><label for="genderneutraltoilet_">unknown</label>
</fieldset>
<fieldset id="hearingloop">
<legend>Hearing loop?</legend>
<input type="radio" name="hearingloop" value="y" id="hearingloop_y"/><label for="hearingloop_y">yes</label>
<input type="radio" name="hearingloop" value="n" id="hearingloop_n"/><label for="hearingloop_n">no</label>
<input type="radio" name="hearingloop" value="reqad" id="hearingloop_reqad"/><label for="hearingloop_reqad">by request in advance</label>
<input type="radio" name="hearingloop" value="req" id="hearingloop_req"/><label for="hearingloop_req">by request at the event</label>
<input type="radio" name="hearingloop" value="" id="hearingloop_"/><label for="hearingloop_">unknown</label>
</fieldset>
<fieldset id="bsl">
<legend>BSL interpretor?</legend>
<input type="radio" name="bsl" value="y" id="bsl_y"/><label for="bsl_y">yes</label>
<input type="radio" name="bsl" value="n" id="bsl_n"/><label for="bsl_n">no</label>
<input type="radio" name="bsl" value="reqad" id="bsl_reqad"/><label for="bsl_reqad">by request in advance</label>
<input type="radio" name="bsl" value="req" id="bsl_req"/><label for="bsl_req">by request at the event</label>
<input type="radio" name="bsl" value="" id="bsl_"/><label for="bsl_">unknown</label>
</fieldset>
<fieldset id="quiet">
<legend>Designated quiet space?<span title="At some events people provide a space that is designated as a quiet space where people can go if they need that. Examples where this is a good idea is where the event might be very emotional or triggering or where the main event is very loud and people might need a break for any number of reasons.">(?)</span></legend>
<input type="radio" name="quiet" value="y" id="quiet_y"/><label for="quiet_y">yes</label>
<input type="radio" name="quiet" value="n" id="quiet_n"/><label for="quiet_n">no</label>
<input type="radio" name="quiet" value="reqad" id="quiet_reqad"/><label for="quiet_reqad">by request in advance</label>
<input type="radio" name="quiet" value="req" id="quiet_req"/><label for="quiet_req">by request at the event</label>
<input type="radio" name="quiet" value="" id="quiet_"/><label for="quiet_">unknown</label>
</fieldset>
<fieldset id="park">
<legend>Parking nearby/onsite?</legend>
<input type="radio" name="park" value="y" id="park_y"/><label for="park_y">yes</label>
<input type="radio" name="park" value="n" id="park_n"/><label for="park_n">no</label>
<input type="radio" name="park" value="reqad" id="park_reqad"/><label for="park_reqad">by request in advance</label>
<input type="radio" name="park" value="req" id="park_req"/><label for="park_req">by request at the event</label>
<input type="radio" name="park" value="" id="park_"/><label for="park_">unknown</label>
</fieldset>
<fieldset id="blue">
<legend>Blue badge parking near the venue?</legend>
<input type="radio" name="blue" value="y" id="blue_y"/><label for="blue_y">yes</label>
<input type="radio" name="blue" value="n" id="blue_n"/><label for="blue_n">no</label>
<input type="radio" name="blue" value="reqad" id="blue_reqad"/><label for="blue_reqad">by request in advance</label>
<input type="radio" name="blue" value="req" id="blue_req"/><label for="blue_req">by request at the event</label>
<input type="radio" name="blue" value="" id="blue_"/><label for="blue_">unknown</label>
</fieldset>
<div id="film"><strong class="sectionhead">Film:</strong> Does this event include a video showing?
<input type="radio" name="film" value="y" id="film_y"/><label for="film_y">yes</label>
<input type="radio" name="film" value="n" id="film_n"/><label for="film_n">no</label>
<input type="radio" name="film" value="" id="film_"/><label for="film_">unknown</label>
</div>
<div id="filmhide" class="hide">
<fieldset id="sub"><legend>Are there subtitles?</legend>
<input type="radio" name="sub" value="y" id="sub_y"/><label for="sub_y">yes</label>
<input type="radio" name="sub" value="n" id="sub_n"/><label for="sub_n">no</label>
<input type="radio" name="sub" value="reqad" id="sub_reqad"/><label for="sub_reqad">by request in advance</label>
<input type="radio" name="sub" value="req" id="sub_req"/><label for="sub_req">by request at the event</label>
<input type="radio" name="sub" value="" id="sub_"/><label for="sub_">unknown</label>
</fieldset>
<div id="cc" class="hide">
<fieldset id="cc">
<legend>Including closed caption?<span title="Closed caption are subtitles that for those with hearing impairments, decribing noises on the film in addition to what people are saying">(?)</span></legend>
<input type="radio" name="cc" value="y" id="cc_y"/><label for="cc_y">yes</label>
<input type="radio" name="cc" value="n" id="cc_n"/><label for="cc_n">no</label>
<input type="radio" name="cc" value="reqad" id="cc_reqad"/><label for="cc_reqad">by request in advance</label>
<input type="radio" name="cc" value="req" id="cc_req"/><label for="cc_req">by request at the event</label>
<input type="radio" name="cc" value="" id="cc_"/><label for="cc_">unknown</label>
</div>
<fieldset id="audiodescription"><legend>Is there audio description?<span title="Audio description is description of what is happening on screen for those with sight impairments">(?)</span></legend>
<input type="radio" name="audiodescription" value="y" id="audiodescription_y"/><label for="audiodescription_y">yes</label>
<input type="radio" name="audiodescription" value="n" id="audiodescription_n"/><label for="audiodescription_n">no</label>
<input type="radio" name="audiodescription" value="reqad" id="audiodescription_reqad"/><label for="audiodescription_reqad">by request in advance</label>
<input type="radio" name="audiodescription" value="req" id="audiodescription_req"/><label for="audiodescription_req">by request at the event</label>
<input type="radio" name="audiodescription" value="" id="audiodescription_"/><label for="audiodescription_">unknown</label>
</fieldset>
<!-- <fieldset id="englishaudio"><legend>English language audio?</legend>
<input type="radio" name="englishaudio" value="y" id="englishaudio_y"/><label for="englishaudio_y">yes</label>
<input type="radio" name="englishaudio" value="n" id="englishaudio_n"/><label for="englishaudio_n">no</label>
<input type="radio" name="englishaudio" value="reqad" id="englishaudio_reqad"/><label for="englishaudio_reqad">by request in advance</label>
<input type="radio" name="englishaudio" value="req" id="englishaudio_req"/><label for="englishaudio_req">by request at the event</label>
<input type="radio" name="englishaudio" value="" id="englishaudio_"/><label for="englishaudio_">unknown</label>
</fieldset> -->
</div>
</div>
<div><label>Any further comments?<span title="Examples of things here might be that there is a ramp but in needs putting out and who to contact or that the ramp is a split or gutter ramp which is not suitable for powerchair users, another might be that printouts of the script are available on the door (for those with hearing impairments)">(?)</span></label>
<div><textarea name="comment" id="comment" placeholder="Details"></textarea></div>
</div>
<div><label>Please provide contact details for any access inquiries (if not included elsewhere):</label>
<input type="text" id="contact" name="contact"></div>
</div>
<div id="shortquestions" class="questions">
<strong class="sectionhead">Access to venue:</strong>
<div id="accessshort"><label>Does the venue have:</label>
<input type="radio" name="accessshort" value="wa" id="accessshort_wa" />
<label for="accessshort_wa">Wheelchair access<span title="Wheelchair access requires flat access (no lips), no very steep ramps or narrow doorways as well as space for wheelchair user in the room.">(?)</span></label>
<input type="radio" name="accessshort" value="sf" id="accessshort_sf"/>
<label for="accessshort_sf">Step-free access only<span title="e.g. There is a significant lip into the room or there is a narrow doorway">(?)</span></label>
<input type="radio" name="accessshort" value="no" id="accessshort_no"/>
<label for="accessshort_no">No step-free access</label>
<input type="radio" name="accessshort" value="" id="accessshort_"/>
<label for="accessshort_">Unknown</label>
</div>
<div id="separateaccessshort" class="hide">
<input type="checkbox" name="separateaccessshort" value="route" id="separateaccessshort_y"/><label for="separateaccessshort_y">The step-free or wheelchair access is by a separate route.<span title="Often venues have a separate route into the venue for wheelchair users and those needing step free access. It's important to not assume a venue doesn't have step free access just because there are some steps up to the front door, they might have a ramp they can put in or a separate route">(?)</span></label></div>
<div id="stepsshort" class="hide">
<label for="stepsshort_data">How many steps<span id="separateshowshort"> into the main entrance</span>?<span title="Give a number of steps or a number of flights of stairs for instance, you can also state and further details (such as height; whether they are straight stairs or whether they have handrail here. If there is separate step free access please describe the main route.">(?)</span></label>
<span class="nowrap">
<input type="text" id="stepsshort_data" name="stepsshort_data" />
</span>
</div>
<div><strong class="sectionhead">Facilities:</strong>Which of the following are available (if relevant given e.g. a film showing)?</div>
<span class="nowrap"><input type="checkbox" name="paddedseat" value="y" id="paddedseat" /><label for="paddedseat">Padded/comfortable seating?</label>
</span> <span class="nowrap"><input type="checkbox" name="basicseat" value="y" id="basicseat" /><label for="basicseat">Basic seating?</label>
</span> <span class="nowrap"><input type="checkbox" name="wheelchairtoiletshort" value="y" id="wheelchairtoiletshort"/><label for="wheelchairtoiletshort">Wheelchair accessible toilet?</label>
</span> <span class="nowrap"><input type="checkbox" name="genderneutraltoiletshort" value="y" id="genderneutraltoiletshort"/><label for="genderneutraltoiletshort">Gender neutral toilet?<span title="at most events this would be a single cubicle facility">(?)</span></label>
</span> <span class="nowrap"><input type="checkbox" name="hearingloopshort" value="y" id="hearingloopshort"/><label for="hearingloopshort">Hearing loop?</label>
</span> <span class="nowrap"><input type="checkbox" name="bslshort" value="y" id="bslshort"/><label for="bslshort">BSL interpretor?</label>
</span> <span class="nowrap"><input type="checkbox" name="quietshort" value="y" id="quietshort"/><label for="quietshort">Designated quiet space?<span title="At some events people provide a space that is designated as a quiet space where people can go if they need that. Examples where this is a good idea is where the event might be very emotional or triggering or where the main event is very loud and people might need a break for any number of reasons.">(?)</span></label>
</span> <span class="nowrap"><input type="checkbox" name="parkshort" value="y" id="parkshort"/><label for="parkshort">Parking nearby/onsite?</label>
</span> <span class="nowrap"><input type="checkbox" name="blueshort" value="y" id="blueshort"/><label for="blueshort">Blue badge parking?</label>
</span> <span class="nowrap"><input type="checkbox" name="subshort" value="y" id="subshort"/><label for="subshort">Subtitles?</label>
</span> <span class="nowrap"><input type="checkbox" name="ccshort" value="y" id="ccshort"/><label for="ccshort">Including closed caption?<span title="Closed caption are subtitles that for those with hearing impairments, decribing noises on the film in addition to what people are saying">(?)</span></label>
</span> <span class="nowrap"><input type="checkbox" name="englishaudioshort" value="y" id="englishaudioshort"/><label for="englishaudioshort">English language audio?</label>
</span> <span class="nowrap"><input type="checkbox" name="audiodescriptionshort" value="y" id="audiodescriptionshort"/><label for="audiodescriptionshort">Including audio description?<span title="Audio description is description of what is happening on screen for those with sight impairments">(?)</span></label>
</span>
<div><label>Any further comments?<span title="Examples of things here might be that there is a ramp but in needs putting out and who to contact or that the ramp is a split or gutter ramp which is not suitable for powerchair users, another might be that printouts of the script are available on the door (for those with hearing impairments)">(?)</label>
<div><textarea name="commentshort" id="commentshort" placeholder="Details"></textarea></div>
</div>
<div><label>Please provide contact details for any access inquiries (if not included elsewhere):</label>
<input type="text" id="contactshort" name="contactshort">
</div>
</div>
</div>
<div id="generate">
<button type="button">Generate it</button>
<div class="clear"></div>
</div>
<div id="select" class="hide">
<button type="button">Select result</button>
<div class="clear"></div>
</div>
<textarea id="result" class="hide">
</textarea>
</form>
<p><small>The Accessibility Statement Generator was shared with us by the Disabled Students’ Campaign of the University of Cambridge and programmed by Rowan Thomas, available <a href="https://github.com/cusu/accessibility-statement-generator" target="_blank">on Github</a>. The code used on this site includes several minor improvements made by Aaron Schaal and is also available <a href="https://github.com/phonon112358/accessibility-statement-generator" target="_blank">on github</a>.</small></p>
</div>