<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
</head>
<body dir="ltr">
<div id="divtagdefaultwrapper" style="font-size:12pt;color:#000000;font-family:Calibri,Helvetica,sans-serif;" dir="ltr">
<p style="margin-top:0;margin-bottom:0">Hello, hello!</p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">There's a <b>free</b> course on <a href="https://www.canvas.net/browse/ryersonu/courses/adv-web-accessibility" class="OWAAutoLink" id="LPlnk247854" previewremoved="true">
Web Accessibility for Developers </a>through the Canvas Network that begins in two weeks (Sept 24 - Oct 22). Looks like it might be a good one for those in the web developer world! </p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">See below for more info. :) </p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<p style="margin-top:0;margin-bottom:0">Jess</p>
<p style="margin-top:0;margin-bottom:0"></p>
<h3 style="box-sizing: border-box; font-family: "proxima nova bold", arial, sans-serif; font-weight: 500; line-height: 1.2; color: rgb(70, 70, 70); margin-top: 59px; margin-bottom: 20px; font-size: 21px; text-transform: uppercase; border-bottom: 1px solid; padding-bottom: 10px;">
DESCRIPTION</h3>
<p style="box-sizing: border-box; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.25; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
With the introduction of the WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) Specification, developers can be much more creative when developing interactive elements for the Web than was previously possible. When WAI-ARIA is
used with accessible Javascript, the sky's the limit when it comes to potential interactions on the web, interactions that are also possible for people with disabilities using assistive technology.</p>
<p style="box-sizing: border-box; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.25; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
This course is intended for Web Developers who want to develop highly sought-after skills, using WAI-ARIA to create accessible interactivity for the Web. You'll build accessible widgets, applications, navigation menus, and other interactive elements that can
be used by everyone, and you will leave the course with a WAI-ARIA library you can continue to use beyond the course.</p>
<h3 style="box-sizing: border-box; font-family: "proxima nova bold", arial, sans-serif; font-weight: 500; line-height: 1.2; color: rgb(70, 70, 70); margin-top: 59px; margin-bottom: 20px; font-size: 21px; text-transform: uppercase; border-bottom: 1px solid; padding-bottom: 10px;">
COURSE STRUCTURE</h3>
<p style="box-sizing: border-box; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.25; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
The course is made up of 4 week long modules. The first two modules focus on providing the necessary background on WAI-ARIA, an introduction to static uses for WAI-ARIA, and developing experience testing accessibility with a screen reader. Part of module 2,
and modules 3 and 4 are hands-on, writing accessible code.</p>
<p style="box-sizing: border-box; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.25; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
Participants should be prepared to spend four to six hours per week to maximize their learning experience in the course. There are 14 activities that count toward the final mark.</p>
<p style="box-sizing: border-box; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.25; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
Participants who complete all 14 course activities, and earn a grade of 65% or better, receive a digital badge that can be shared through social media.</p>
<h3 style="box-sizing: border-box; font-family: "proxima nova bold", arial, sans-serif; font-weight: 500; line-height: 1.2; color: rgb(70, 70, 70); margin-top: 59px; margin-bottom: 20px; font-size: 21px; text-transform: uppercase; border-bottom: 1px solid; padding-bottom: 10px;">
OBJECTIVES</h3>
<p style="box-sizing: border-box; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.25; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
At the end of this course, you will be able to:</p>
<ul style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
<li style="box-sizing: border-box;">Test web interactivity with a screen reader to ensure accessibility</li><li style="box-sizing: border-box;">Identify the differences between static and dynamic WAI-ARIA</li><li style="box-sizing: border-box;">Describe both graceful degradation and progressive enhancement development methods</li><li style="box-sizing: border-box;">State when and when not to use WAI-ARIA</li><li style="box-sizing: border-box;">Explain the limitations of WAI-ARIA</li><li style="box-sizing: border-box;">Apply WAI-ARIA landmarks and live regions to web content</li><li style="box-sizing: border-box;">Create accessible progress bars, suggestion boxes, and tooltips with WAI-ARIA</li><li style="box-sizing: border-box;">Build accessible sliders, accordions, tab panels, and carousels with WAI-ARIA</li><li style="box-sizing: border-box;">Implement effective design patterns for accessible menu bars, tree menus, and sortable lists with WAI-ARIA</li></ul>
<br style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
<p style="box-sizing: border-box; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.25; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
<b style="box-sizing: border-box;">Requirements:</b></p>
<ul style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
<li style="box-sizing: border-box;">Comfort developing with JavaScript</li><li style="box-sizing: border-box;">Comfort developing with HTML5 and CSS</li><li style="box-sizing: border-box;">A GitHub account, or a webserver to post activity submissions</li><li style="box-sizing: border-box;">A local development environment</li><li style="box-sizing: border-box;">Some knowledge of WCAG 2.0 will be helpful</li></ul>
<br style="box-sizing: border-box; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
<p style="box-sizing: border-box; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.25; color: rgb(51, 51, 51); font-family: "proxima nova light", arial, sans-serif; font-size: 15px;">
<b style="box-sizing: border-box;">Target Audience:</b> Web developers.</p>
<br>
<p></p>
<p style="margin-top:0;margin-bottom:0"><br>
</p>
<div id="Signature">
<div id="divtagdefaultwrapper" dir="ltr" style="font-size: 12pt; color: rgb(0, 0, 0); font-family: Calibri, Helvetica, sans-serif, Helvetica, EmojiFont, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols;">
<div id="divtagdefaultwrapper" dir="ltr" style="font-size:12pt; color:rgb(0,0,0); background-color:rgb(255,255,255); font-family:Calibri,Arial,Helvetica,sans-serif,Helvetica,EmojiFont,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols">
<span lang="en-US">
<div style="margin:0"><font face="Calibri,sans-serif" size="2"><span style="font-size:11pt"><font color="#404040" face="Century Gothic,sans-serif"><strong></strong></font></span></font></div>
</span>
<div style="color:rgb(33,33,33); font-family:"Calibri Light"; font-size:16px"><font face="Century Gothic" size="2" color="#404040"><span style="font-size:10pt"><b></b></span></font></div>
<div style="font-size:16px; color:rgb(33,33,33); font-family:"Calibri Light""><font face="Century Gothic" size="2" color="#404040"><span style="font-size:10pt"><b><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt">Jess Thompson</span></b></span></font></div>
<span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span>
<div style="font-size:16px; color:rgb(33,33,33); font-family:"Calibri Light""><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span><font face="Century Gothic" size="2" color="#404040"><span style="font-size:11pt; font-family:"Calibri Light","Helvetica Light",sans-serif">Program
Administrator, Accessible Technology Initiatives</span></font></div>
<span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span>
<div style="font-size:16px; color:rgb(33,33,33); font-family:"Calibri Light""><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span><font face="Century Gothic" size="2" color="#404040"><span style="font-size:9pt; font-family:"Calibri Light","Helvetica Light",sans-serif"><span style="font-size:11pt">Washington
State Board for Community & Technical </span><span style="font-size:11pt">Colleges</span></span></font></div>
<div style="font-size:16px; color:rgb(33,33,33); font-family:"Calibri Light""><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; color:rgb(64,64,64); font-size:11pt">p</span><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; color:rgb(64,64,64); font-size:11pt">:
360.704.4327 | c: 253.229.8591</span></div>
<span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span>
<div style="font-size:16px; color:rgb(33,33,33); font-family:"Calibri Light""><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span><font face="Calibri" size="2"><span style="font-size:11pt"><font face="Century Gothic" size="2" color="blue"><span style="font-size:9pt"><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"><a href="https://docs.google.com/document/d/1KXjxctpTAa2R06iRksMrjaeiCkphAJzqkwX-awvJh9g/edit?usp=sharing" target="_blank" rel="noopener noreferrer" id="LPNoLP" style="">Current
Projects</a><span style="color:rgb(64,64,64); font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:14.6667px"> |
<a href="https://accesswa.blog" class="OWAAutoLink" id="LPNoLP">AccessWA Blog</a> </span><a href="https://docs.google.com/document/d/1KXjxctpTAa2R06iRksMrjaeiCkphAJzqkwX-awvJh9g/edit?usp=sharing" target="_blank" rel="noopener noreferrer" id="LPNoLP"></a></span></span></font></span></font></div>
<span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span>
<div style="font-size:16px; color:rgb(33,33,33); font-family:"Calibri Light""><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span><font face="Calibri" size="2"><span style="font-size:11pt; font-family:"Calibri Light","Helvetica Light",sans-serif"> </span></font></div>
<span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span>
<div style="font-size:16px; color:rgb(33,33,33); font-family:"Calibri Light""><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt"></span><font face="Century Gothic" size="2"><span style="font-size:10pt"><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt">Keep
in the accessibility loop by joining the </span><a href="https://goo.gl/forms/CP1GHPl6Pe1ipD6q1" target="_blank" rel="noopener noreferrer" id="LPNoLP"><font color="blue"><u><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt">CTC
Accessibility listserv</span></u></font></a><span style="font-family:"Calibri Light","Helvetica Light",sans-serif; font-size:11pt">!</span></span></font></div>
</div>
<div id="divtagdefaultwrapper" dir="ltr" style="font-size:12pt; color:rgb(0,0,0); background-color:rgb(255,255,255); font-family:Calibri,Arial,Helvetica,sans-serif,Helvetica,EmojiFont,"Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols">
<br>
</div>
</div>
</div>
</div>
</body>
</html>