-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaccessibility.html
184 lines (154 loc) · 8.44 KB
/
accessibility.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
<!DOCTYPE html>
<html>
<head>
<title>SICSA PhD Conference 2018</title>
<link rel="icon" href="Images/sicsa-black-logo.png">
<link rel="stylesheet" type="text/css" href="CSS/base.css" media="screen" />
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>-->
</head>
<body>
<nav>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle navbar-button-background" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand brand-invis" href="../">SICSA PhD Conference</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="home-visibility"><a class="home-visibility" href="../">Home</a></li>
<li class ="active">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Program<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="keynotes.html">Keynotes</a></li>
<li role="separator" class="divider"></li>
<li>
<p id="menuTitle">Available Workshops</p>
</li>
<li><a href="hackathon.html">PhD Conference Hackathon</a></li>
<li><a href="academiccareer.html">Your Career in Academia: Balancing Teaching and Research</a></li>
<li><a href="whatnext.html">Your PhD: What's Next?</a></li>
<li class="active"><a href="accessibility.html">Web Accessibility: Learn New Techniques to Improve Assistive Technologies Design</a></li>
<li><a href="statistics.html">5 Statistical Mistakes You are Likely to Make</a></li>
<li><a href="wellbeing.html">Student Wellbeing: Managing your PhD Journey</a></li>
<li><a href="syslitreview.html">How to do a Systematic Literature Review</a></li>
<li><a href="thesiswriting.html">Demystifying the PhD Thesis</a></li>
<li role="separator" class="divider"></li>
<li><a href="program.html">Conference Schedule</a></li>
</ul>
</li>
<li><a href="poster-competition.html">Poster Competition</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Attending<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="venue.html">Venue</a></li>
<li><a href="accommodation.html">Accommodation</a></li>
<li><a href="travel.html">Travel</a></li>
<li><a href="social-event.html">Social Event</a></li>
</ul>
</li>
<li><a href="committee.html">Committee</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Past Conferences<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="https://www.sutherland.pw/sicsa2017/#home">SICSA PhD Conference 2017</a></li>
<li><a href="https://www.sutherland.pw/sicsa2016/">SICSA PhD Conference 2016</a></li>
<li><a href="https://www.sutherland.pw/sicsa2015/">SICSA PhD Conference 2015</a></li>
<li><a href="https://sites.google.com/site/sicsaconf2014/">SICSA PhD Conference 2014</a></li>
<li><a href="https://sites.google.com/site/sicsaconf2013/">SICSA PhD Conference 2013</a></li>
<li><a href="https://www.sutherland.pw/sicsa2012/">SICSA PhD Conference 2012</a></li>
<li><a href="https://sites.google.com/site/sicsaconf2011/">SICSA PhD Conference 2011</a></li>
<li><a href="https://sites.google.com/site/sicsa2010/">SICSA PhD Conference 2010</a></li>
<li><a href="https://www.sutherland.pw/sicsa2009/">SICSA PhD Conference 2009</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="hci-dc.html">HCI DC</a></li>
<li><a href="realx.html">ReaLX</a></li>
<!-- <li><a href="https://sites.google.com/view/realx18/home">ReaLX</a></li> -->
<!-- <li><a href="registration.html">Register</a></li> -->
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</nav>
<div id="background" class="background-style">
<div class="container container-style">
<div id="white-space" style="height:51px"></div>
<div id="header" class="header-style">
<img src="Images/RGU-SICSA.png" class="header-background-img-style" alt="rgu-background-photo"></img>
</div>
<!-- just example content, can do whatever you wish -->
<div id="content" class="content-style">
<div class="title-style">Workshops</div>
<div class="paragraph-style">
<h1>Web Accessibility: Learn New Techniques to Improve Assistive Technologies Design</h1>
<p>
<div>
<b>Presenter:</b> Dr. David Sloan;
</div>
<div>
<b>Organiser:</b>
<a class="third" href="mailto:[email protected]"> Ana-Maria Salai (Heriot-Watt University)</a>;
</div>
<div>
<b>RDF Domain:</b> A1 - Knowledge base; A3 - Creativity; D1 - Working with others;
</div>
</p>
<p><a href="ThesisStatements2017.pdf">Lecture slides will become available here</a></p>
<h2>Abstract</h2>
<p>
There is an increased demand for rich interaction; however, many of these dynamic interactions and widgets are problematic for assistive technologies. Are you planning to involve people with disabilities in your research? Are you interested in designing
accessible systems? Are you wondering how to make a drag-and-drop element keyboard accessible? Or how to make a complex menu system keyboard accessible? Or even how to present pop-up messages to blind users?
</p>
<p>
Meeting accessibility standards is essential not only to help people with disabilities, but to also make a website more efficient. Join this workshop to understand (1) how accessibility can affect a website and (2) how it can be implemented.
</p>
<h2>Session Outline</h2>
<ul>
<li>Part 1 (30 minutes): Participants will receive a brief introduction to web accessibility principles and current guidelines.</li>
<li> Part 2 (30 minutes): Participants will receive W3C guidelines and will be asked to implement small tasks.</li>
<li>Part 3 (30 minutes): Participants will team up into groups to discuss the guidelines and possibly generate new ideas on how to gain accessibility. </li>
</ul>
<h2> Learning Outcomes</h2>
<ul>
<li>LO1: You will understand why accessibility is important.</li>
<li>L02: You will be familiar with guidelines and recommendations on how to make the web more accessible.</li>
<li>L03: You will be able to implement basic accessibility and evaluate it.</li>
</ul>
<h2>Additional Information</h2>
<p>
Basic web development knowledge is necessary to gain the most out of this workshop.
</p>
</tr>
</tbody>
</table>
</div>
</div>
<div id="footer" class="footer-style clearfix">
<div class="col-sm-3">
</div>
<div class="col-xs-12 col-sm-2">
<img src="Images/RGU-logo.png" class="img-responsive footer-rgu-logo-style" alt="rgu-logo"></img>
</div>
<div class="col-sm-1"></div>
<div class="col-xs-12 col-sm-3">
<img src="Images/sicsa-blue-footer-logo-new.jpg" class="img-responsive footer-sicsa-logo-style" alt="sicsa-logo"></img>
</div>
<div class="col-sm-3">
</div>
</div>
</div>
</div>
</body>
</html>