CINXE.COM
Accessibility Online
<!DOCTYPE html> <html lang="en"> <head><meta charset="utf-8" /><link rel="shortcut icon" href="/favicon.ico" /><title> Accessibility Online </title> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-SKLDFFJ954"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-SKLDFFJ954'); const route = "ADA-Audio"; </script> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script> <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script type="text/javascript" src="/js/datalayer.js?refresh=-8584692178888328379"></script> <script src="/js/home.js?refresh=-8584692178888328379"></script> <!-- public minified --> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /><link id="ctl00_MyStyleSheet" rel="stylesheet" type="text/css" href="/css/minified_public.css?rnd=9790780" /> <link rel="Stylesheet" href="css/base.css" type="text/css" /> <script> application_id = 0; </script> <script src="/archives/session_detail.js?refresh=-8584692178888328379"></script> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PPZR6BC" height="0" width="0" style="display: none; visibility: hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <a class="skip-to-link" href="/accessibility.aspx" accesskey="0">Accessibility Settings</a> <a class="skip-to-link" href="/" accesskey="1">Home</a> <a class="skip-to-link" href="#content" accesskey="2">Skip to content</a> <a class="skip-to-link" href="#skiptonav" accesskey="5">Skip to navbar</a> <a class="skip-to-link" href="/training/contact/" accesskey="9">Skip to Contact Form</a> <form name="aspnetForm" method="post" action="./110967" id="aspnetForm"> <div> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTAxOTU4OTkyMw9kFgJmD2QWBGYPZBYCAgQPFgIeBGhyZWYFJC9jc3MvbWluaWZpZWRfcHVibGljLmNzcz9ybmQ9OTc5MDc4MGQCAQ9kFggCBw8PFgIeC05hdmlnYXRlVXJsBRovQURBLUF1ZGlvL2FjY291bnRNYW5hZ2VyL2RkAgkPZBYQAgEPDxYCHgRUZXh0BRtBREEgQXVkaW8gQ29uZmVyZW5jZSBTZXJpZXNkZAIFD2QWAgIBDw8WAh8BBRQvQURBLUF1ZGlvL3NjaGVkdWxlL2RkAgcPZBYCAgEPDxYCHwEFFC9BREEtQXVkaW8vYXJjaGl2ZXMvZGQCCQ9kFgICAQ8PFgIfAQUUL0FEQS1BdWRpby9zcGVha2Vycy9kZAIPD2QWAgIBDw8WAh8BBSUvQURBLUF1ZGlvL3JlZ2lzdHJhdGlvbi9jcmVhdGVBY2NvdW50ZGQCEQ9kFgICAQ8PFgIfAQUgL0FEQS1BdWRpby9jb250aW51aW5nLWVkdWNhdGlvbi9kZAIXD2QWAgIBDw8WAh8BBRovQURBLUF1ZGlvL3Byb2dyYW0tZm9ybWF0L2RkAhkPZBYCAgEPDxYCHwEFEy9BREEtQXVkaW8vY29udGFjdC9kZAITD2QWAgIBD2QWAgIBD2QWAgIDDxYCHgVjbGFzcwUQbWVudUl0ZW1TZWxlY3RlZGQCHw9kFgICAQ8PFgYeCEltYWdlVXJsBR0vaW1hZ2VzL2FkYS1hdWRpby1zaWRlYmFyLmpwZx4NQWx0ZXJuYXRlVGV4dAUUQXVkaW8gV2ViaW5hciBiYW5uZXIeB1Zpc2libGVnZGRkvC6f13UmSuFFCwqfR1DHgZN0LNlXjgQe0fHqf/izDLE=" /> </div> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="E0D76CF4" /> </div> <div class="container-fluid"> <div class="row no-gutter"> <div class="col-xs-2"> <div> <a id="ctl00_hlADA" rel="noreferrer" href="http://www.adagreatlakes.org/" target="_blank"><img id="ctl00_imADA" min-width="135px;" src="../../images/Logo.png" alt="Great Lakes ADA Center" style="width:100%;border-width:0px;" /></a> <img id="ctl00_imgcallus" src="../../images/callus.png" alt="Call us toll free at 1-877-232-1990 V/VTTY" style="width:100%;border-width:0px;" /> <a id="skiptonav"></a> <div style="margin-bottom: 10px"> <a id="ctl00_hlLogin" title="Login" href="/ADA-Audio/accountManager/"><img id="ctl00_imgLogin" src="../../images/sign-in.png?v=2" alt="Login" style="width:100%;border-width:0px;border: none" /></a> </div> </div> <div id="ctl00_PnlLeftMenu"> <div class="GroupMenu"> <span id="ctl00_lblGroupMenu" class="GroupMenuTitle">ADA Audio Conference Series</span> <div id='cssmenu' style="width: 100%;" role="navigation"> <ul style="padding-left: 0;"> <li class='active' id="liMenuHome"> <a id="ctl00_lnkRightMenu1" href="/training"><span>Home</span></a></li> <li id="ctl00_liMenuSched"> <a id="ctl00_lnkRightMenu2" href="/ADA-Audio/schedule/">Schedule</a></li> <!-- old id lnkArchives --> <li id="ctl00_liMenuArchives"> <a id="ctl00_lnkRightMenu6" href="/ADA-Audio/archives/">Archives</a></li> <li id="ctl00_liMenuSpeaker"> <a id="ctl00_lnkRightMenu8" href="/ADA-Audio/speakers/">Speakers</a></li> <li id="ctl00_liMenuCreate"> <a id="ctl00_lnkRightAccount" href="/ADA-Audio/registration/createAccount">Create an Account</a></li> - <li id="ctl00_liMenuCEU"> <a id="ctl00_lnkcontEd" href="/ADA-Audio/continuing-education/">Continuing Education</a></li> <li id="ctl00_liMenuAccessibility"> <a id="ctl00_lnkRightMenu11" href="https://zoom.us/accessibility/faq">Zoom Accessibility</a></li> <!-- <a id="ctl00_lnkRightMenu9" href="https://itunes.apple.com/us/podcast/accessibility-online-webinar/id827791792" target="_blank">Podcast</a></li> --> <li id="ctl00_liMenuProgram"> <a id="ctl00_lnkRightMenu5" href="/ADA-Audio/program-format/">Program Format</a></li> <li id="ctl00_liMenuContact" class="last" accesskey="9"> <a id="ctl00_lnkRightMenu10" href="/ADA-Audio/contact/">Contact Us</a></li> </ul> </div> </div> </div> <div id="ctl00_pnlADAlogo"> <div> <a id="ctl00_hlADANetwork" title="Go To ADA National Network" rel="noreferrer" AlternateText="ADA National Network Logo" href="http://adata.org/" target="_blank"><img src="../../images/logos/ada-national-network-horizontal.gif" alt="ADA National Network Information, Guidance, and Training on the Americans with Disabilities Act" style="width:100%;border-width:0px;" /></a> <!--was 250x122!--> </div> </div> </div> <div class="col-xs-10 col-sm-10 col-md-8"> <div id="center"> <div class="headerBarNSession"> <div role="banner" style="width: 100%"> <div class="headerBanner"> <h1> Session Details</h1> </div> </div> <div id="nextSession" class="nextSession"></div> <div id="ctl00_pnlmenuBar"> <div id="ctl00_menubar" style="width: 100%; margin-top: 10px" role="navigation"> <div class="GroupMenu" style="border-bottom-color: #13166b; border-bottom-width: 1px; border-bottom-style: solid; border-right-color: #13166b; border-right-width: 1px; border-right-style: solid"> <div class="GroupMenuTitle"> <h2>Select a Webinar Series</h2> </div> </div> <div id="ctl00_ulmenubar" class="menubar" style="padding-left: 4px; line-height: 4rem; background-color: white;"> <div id="ctl00_liAccessibilityOnline" class="menuao"><a id="lnkDflt" href="/ao">AccessibilityOnline</a></div> <div id="ctl00_liAudio" class="menuItemSelected"><a href="../../ada-audio" id="ctl00_lnkAudio">ADA Audio</a></div> <div id="ctl00_liLegal" class="menulegal"><a href="../../ada-legal" id="ctl00_lnkLegal">ADA Legal</a></div> <div id="ctl00_liAccessTech" class="menuait"><a href="../../ada-tech" id="ctl00_lnkAccess">Accessible Technology</a></div> <div id="ctl00_liSP" class="menusp"><a href="../../continuing-education/SelfPacedWebinars.aspx" id="ctl00_lnkSP">Self Paced</a></div> <div id="ctl00_liArts" class="menuarts"><a href="../../arts-n-rec.aspx" id="ctl00_lnkArts">Arts‑N‑Rec</a></div> <div id="ctl00_liCioc" class="menucioc"><a href="../../cioc-508" id="ctl00_lnkCioc">Section 508</a></div> <div id="ctl00_liadapro" class="menuadaonline"><a href="../../adapro" id="ctl00_lnkadapro">Ask an ADA Pro</a></div> </div> </div> </div> </div> <div class="myContent" role="main"> <a id="content"></a> <nav style="margin-top: -20px"> <ol class="crumbs"> <li class="crumb"> <a href="/" rel="index up up up ">Home</a></li> <li class="crumb"><a id="lnkGroup" href="/ADA-Audio/">ADA-Audio</a></li> <li class="crumb"><a id="lnkGroupArchives" href="/ADA-Audio/archives/">archives</a></li> <li class="crumb" id="liSessionName"></li> </ol> </nav> <div id="session" class="sessionHead"> <h3 id="sessionTitle"></h3> <div id="sessionDate" style="margin-left: 10px"></div> <div id="description"></div> <h3 id="videoArchiveHeader" style="margin-top: 20px">Multimedia Archives</h3> <div id="videoArchive"></div> <div id="audioArchive"></div> <div id="transcriptArchive"></div> <h3 id="materialsHeader" style="margin-top: 20px">Session Materials</h3> <div id="materials"></div> <h3 id="speakersHeader">Speakers</h3> <div id="speakers"></div> <h3 id="questionsHeader">Questions for presenters</h3> <div id="questions"></div> </div> <script> window.onload = function (event) { console.log('event', event); const params = new Proxy(new URLSearchParams(window.location.search), { get: (searchParams, prop) => searchParams.get(prop), }); var home = new Home(); let href = window.location.href; let id = href.substring(href.lastIndexOf('/') + 1); console.log('this is the id', id) home.getSession(id) .then(session => { console.log('got the archive', session) var obj = new sessionDetail(); obj.session = session; obj.title = document.getElementById('sessionTitle'); obj.startDate = document.getElementById('sessionDate'); obj.description = document.getElementById('description'); obj.videoArchiveHeader = document.getElementById('videoArchiveHeader'); obj.videoArchive = document.getElementById('videoArchive'); obj.audioArchive = document.getElementById('audioArchive'); obj.transcriptArchive = document.getElementById('transcriptArchive'); obj.materials = document.getElementById('materials'); obj.materialsHeader = document.getElementById('materialsHeader'); obj.speakers = document.getElementById('speakers'); obj.questions = document.getElementById('questions'); obj.populateSession(session); }) } </script> </div> </div> </div> <div class="hidden-xs hidden-sm col-md-2"> <div style="object-fit: contain; overflow: hidden;"> <div id="ctl00_pnlRightSideBar"> <img id="ctl00_imgrightBar" class="leftSideBar" src="/images/ada-audio-sidebar.jpg" alt="Audio Webinar banner" style="border-width:0px;" /> </div> </div> </div> </div> <div id="footer" class="panel-footer"> <div class="col-md-4 col-lg-pull-1"> <div style="margin-top: 20px; text-align: center;"> <img id="ctl00_imDHDlogo" src="../../images/DHDLogo.gif" alt="Department of Disability and Human Development at UIC Logo" style="border-width:0px;" /> </div> </div> <div class="col-md-4"> <br /> <p class="footer-address" style="margin-top: 5px"> <a href="https://www.acl.gov/programs/research-and-development" target="_blank"> <img alt="ACL & NIDILRR" src="../../images/logos/ACL.png" style="border-width:0px;height: 42px;" /></a> <br /> <br /> <br /> <a href="/grant.aspx">Grant Disclaimer</a>    <a href="/accessibility.aspx" accesskey="0">Accessibility Statement</a>    <a href="/contact/">Contact Us</a> </p> </div> <div class="col-lg-push-1"> <div style="margin-top: 15px; text-align: center;"> <a id="ctl00_phADAlogo_HyperLink1" title="Go To ADA National Network" rel="noreferrer" href="http://adata.org/" target="_blank"><img id="ctl00_phADAlogo_imADAnetwork" src="../../images/logos/ada-national-network-horizontal.gif" alt="ADA National Network Information, Guidance, and Training on the Americans with Disabilities Act " style="height:100px;border-width:0px;" /></a> <!--was 250x122!--> </div> </div> </div> </div> </form> <script type="text/javascript"> var routeGroup = 'ADA-Audio'; // // var appInsights=window.appInsights||function(config){ // function r(config){t[config]=function(){var i=arguments;t.queue.push(function(){t[config].apply(t,i)})}}var t={config:config},u=document,e=window,o="script",s=u.createElement(o),i,f;for(s.src=config.url||"//az416426.vo.msecnd.net/scripts/a/ai.0.js",u.getElementsByTagName(o)[0].parentNode.appendChild(s),t.cookie=u.cookie,t.queue=[],i=["Event","Exception","Metric","PageView","Trace"];i.length;)r("track"+i.pop());return r("setAuthenticatedUserContext"),r("clearAuthenticatedUserContext"),config.disableExceptionTracking||(i="onerror",r("_"+i),f=e[i],e[i]=function(config,r,u,e,o){var s=f&&f(config,r,u,e,o);return s!==!0&&t["_"+i](config,r,u,e,o),s}),t // }({ // instrumentationKey:"60bf9434-7bc7-4fc5-9a6f-334bb5daceb3" // }); //window.appInsights=appInsights; //appInsights.trackPageView(); (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', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-71006624-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>