forked from sparcopen/opencon-dei-report
-
Notifications
You must be signed in to change notification settings - Fork 0
/
accessible_media.html
175 lines (164 loc) · 9.95 KB
/
accessible_media.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Accessible Conference Media</title>
<meta name="description" content="Learnings and Next Steps - A Conference Planning Report">
<meta name="keywords" content="OpenCon, diversity, conferences, inclusion, conference planning, Open Access, Open Data, Open Education">
<link rel="image_src" href="homepage6.jpg" / >
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,300|Open+Sans:400,600,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="image_src" href="homepage6.jpg" / >
<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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61115389-1', 'auto');
ga('send', 'pageview');
</script>
<!-- =======================================================
Theme Name: Bethany
Theme URL: https://bootstrapmade.com/bethany-free-onepage-bootstrap-theme/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
======================================================= -->
</head>
<body>
<!--header-->
<header class="main-header6" id="header">
<div class="bg-color">
<!--nav-->
<nav class="nav navbar-default navbar-fixed-top">
<div class="container">
<div class="col-md-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#mynavbar" aria-expanded="false" aria-controls="navbar">
<span class="fa fa-bars"></span>
</button>
<a href="index.html" class="navbar-brand">Diversity, Equity, & Inclusion</a>
</div>
<div class="collapse navbar-collapse navbar-right" id="mynavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#header">Home</a></li>
<li><a href="venue.html">Back</a></li>
<li><a href="inclusive_engagement.html">Next</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!--/ nav-->
<div class="container text-center">
<div class="wrapper wow fadeInUp delay-05s" >
<p><br></br></p>
<h4 class="sub-title">Accessible Content and Media</h4>
<h4><br></br></h4>
<h4 class="top-title">Are people able to see and hear presentations?</h4>
<h4 class="top-title">Are there alternative ways to access conference material?</h4>
<h4><br></br></h4>
<a href="#feature"><button type="submit" class="btn btn-submit">Read this section</button></a>
</div>
</div>
</div>
</header>
<!--/ header-->
<!---->
<section id="feature" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<h2>Microphone Use</h2>
<p>
Ensure that all speakers are using a microphone when presenting—even if it seems that a microphone is not necessary. During the audience Q&A after presentations and panel discussions, we also specify that all audience members must ask their questions with a microphone so everyone can hear them. If a microphone is not available for audience members, we ask that the speaker repeat the question into the microphone so that all audience members can hear.
<br></br>
</p>
<h2>Remote Access: Live Stream</h2>
<p>
A high quality live webcast is made available on our website, enabling attendees to watch sessions in real time. All talks and presentations can also be streamed after the meeting is over on the <a href="https://www.youtube.com/user/R2RCvideo">R2RC Youtube Account.</a> Livestreams, if you have a stable internet connection, can be free and easy to set up. We’ve created a <a href=http://www.opencon2017.org/live_streaming_your_satellite_event>how-to guide for broadcast your event live here.</a>
</p>
<p>
We recognize that streaming is not always possible, especially for those without stable internet connections. This is an area where OpenCon is exploring ideas to expand accessibility, including the possibility of setting up a dropbox with lower-resolution files that can be more easily downloaded and viewed offline asynchronously.
<br></br>
</p>
<h2>Notetaking</h2>
<p>
Ensure that there are notes being taken during workshops and talks, and that these notes are publicly accessible after the meeting, as well. At past OpenCon meetings, session notes have been crowd sourced by participants, but to better accommodate participants who are hard of hearing, at future meetings it would be worthwhile to consider assigning a team of official volunteer notetakers to ensure adequate and thorough notes are taken for each session.
<br></br>
</p>
<h2>Presenter-Slides</h2>
<p>All OpenCon speaker slides are made available on SlideShare after the meeting. We ask that all speakers include a <a href=https://creativecommons.org/licenses/by/4.0/>CC-BY license</a> on their slides before we share them. In the future, we will also send presenters a list of guidelines for designing slideshow presentations (e.g. using sufficiently large font sizes, slides with adequate color contrast, and easy to read fonts). A full list for designing accessible slide content can be found on the <a href=https://www.w3.org/WAI/training/accessible> W3 Web Accessibility Initiative’s guidelines for making accessible presentations.</a><br></br></p>
<h2>Closed Captioning</h2>
<p>
To be more inclusive to those with hearing impairments and those with English as a second language, closed captioning for OpenCon pre-conference webcasts, OpenCon Live, and videos made available online afterward would minimize barriers to engaging in the meeting for both remote and in-person participants. This is not something we currently do, but it is something that has been noted by community members and that we hope to implement on in future years.
<br></br>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!---->
<section class="section-padding parallax bg-image-2 section wow fadeIn delay-08s" id="cta-2">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="cta-txt">
<h3>Next Section:</h3>
<p>Ensuring that engaging with the meeting is accessible and inclusive</p>
</div>
</div>
<div class="col-md-4 text-center">
<a href="inclusive_engagement.html" class="btn btn-submit">Read More</a>
</div>
</div>
</div>
</section>
<!---->
<!---->
<!---->
<!---->
<footer class="" id="footer">
<div class="container">
<div class="row">
<div class="col-sm-5">
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />
<p>Except otherwise noted, content on this site is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a></p></div></div>
<div class="row">
<div class="col-sm-7 footer-copyright">
© Bethany Theme - All rights reserved
<div class="credits">
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Bethany
-->
</div>
</div>
<div class="col-sm-5 footer-social">
<div class="pull-right hidden-xs hidden-sm">
<a href="https://www.facebook.com/OpenConGlobal/"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/open_con"><i class="fa fa-twitter"></i></a>
</div>
</div>
</div>
</div>
</footer>
<!---->
<!--contact ends-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
</body>
</html>