CINXE.COM

<!DOCTYPE html> <html lang="en-US" prefix="og: http://ogp.me/ns#"> <head> <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap" rel="stylesheet"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <link href="/aoda_cdn/css/aoda.css" rel="stylesheet" /> <title>Accessible Webpages and Documents</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <meta name="description" content="Federal standards for accessibility in information and communication technology (ICT) include requirements for accessible webpages. Learn more now."/> <link rel="canonical" href="https://www.aoda.ca/accessible-webpages-and-documents/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Accessible Webpages and Documents" /> <meta property="og:description" content="Federal standards for accessibility in information and communication technology (ICT) include requirements for accessible webpages. Learn more now." /> <meta property="og:url" content="https://www.aoda.ca/accessible-webpages-and-documents/" /> <meta property="og:site_name" content="Accessibility for Ontarians with Disabilities Act (AODA)" /> <meta property="article:section" content="AODA Resources" /> <meta property="article:published_time" content="2024-09-23T10:25:34-04:00" /> <meta property="article:modified_time" content="2024-09-23T16:54:13-04:00" /> <meta property="og:updated_time" content="2024-09-23T16:54:13-04:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Federal standards for accessibility in information and communication technology (ICT) include requirements for accessible webpages. Learn more now." /> <meta name="twitter:title" content="Accessible Webpages and Documents" /> <script type='application/ld+json'>{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/www.aoda.ca\/","sameAs":[],"@id":"https:\/\/www.aoda.ca\/#organization","name":"AODA.ca","logo":""}</script>  <link rel='dns-prefetch' href='//stats.wp.com' /> <link rel='dns-prefetch' href='//v0.wordpress.com' /> <link rel='preconnect' href='//i0.wp.com' /> <link rel='preconnect' href='//c0.wp.com' /> <link rel="alternate" type="application/rss+xml" title="Accessibility for Ontarians with Disabilities Act (AODA) » Feed" href="https://www.aoda.ca/feed/" /> <link rel="alternate" type="application/rss+xml" title="Accessibility for Ontarians with Disabilities Act (AODA) » Comments Feed" href="https://www.aoda.ca/comments/feed/" /> <link rel='stylesheet' id='twentyfourteen-jetpack-css' href='https://c0.wp.com/p/jetpack/14.3/modules/theme-tools/compat/twentyfourteen.css' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://c0.wp.com/c/6.7.2/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://c0.wp.com/c/6.7.2/wp-includes/js/mediaelement/wp-mediaelement.min.css' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css' type='text/css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://www.aoda.ca/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.4' type='text/css' media='all' /> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/jquery/jquery.min.js" id="jquery-core-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/jquery/jquery-migrate.min.js" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://www.aoda.ca/wp-content/themes/badeyes/js/jquery.validate.min.js?ver=6.7.2" id="jquery-validate-min-js"></script> <script type="text/javascript" src="https://www.aoda.ca/wp-content/themes/badeyes/js/additional-methods.min.js?ver=6.7.2" id="additional-methods-min-js"></script> <link rel="https://api.w.org/" href="https://www.aoda.ca/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.aoda.ca/wp-json/wp/v2/posts/8219" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.aoda.ca/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel='shortlink' href='https://wp.me/pxqpJ-28z' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.aoda.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.aoda.ca%2Faccessible-webpages-and-documents%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.aoda.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.aoda.ca%2Faccessible-webpages-and-documents%2F&format=xml" /> <style>img#wpstats{display:none}</style> <style type="text/css"> </style> <style type="text/css" id="wp-custom-css"> .flash-message { visibility: hidden; } input[name='email'] { display: inline-block; } #aoda-online-form { position: relative; } #check_email { padding: 1.2rem 2.5rem; line-height: normal; border-radius: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; display: inline-block; } #check_email:disabled:empty { background-color: #0071bc; display: inline-block; } .spinner { width: 2em; height: 2em; display: inline-block; position: relative; right: 6.3rem; vertical-align: middle; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } [class*="icono"] { position: relative; display: inline-block; vertical-align: middle; color: #ffffff; box-sizing: border-box; } [class*="icono"]:after, [class*="icono"]:before { content: ""; box-sizing: border-box; } [class*="icono-arrow1"] { width: 20px; height: 20px; border-width: 4px 4px 0 0; border-style: solid; margin: 10px; } [class*="icono-arrow1"]:before { right: 0; top: -3px; position: absolute; height: 4px; box-shadow: inset 0 0 0 32px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 23px; -webkit-transform-origin: right top; transform-origin: right top; } [class*="icono-arrow1"][class*="-left"] { -webkit-transform: rotate(45deg); transform: rotate(45deg); } [class*="icono-arrow1"][class*="-left"][class*="-up"] { -webkit-transform: none; transform: none; } [class*="icono-arrow1"][class*="-left"][class*="-down"] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } [class*="icono-arrow1"][class*="-right"] { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } [class*="icono-arrow1"][class*="-right"][class*="-up"] { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } [class*="icono-arrow1"][class*="-right"][class*="-down"] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } [class*="icono-arrow1"][class*="-up"] { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } [class*="icono-arrow1"][class*="-down"] { -webkit-transform: rotate(135deg); transform: rotate(135deg); } [class*="icono-arrow2"] { width: 0; height: 0; border-width: 6px; border-style: solid; border-bottom-color: transparent; border-left-color: transparent; margin: 10px; } [class*="icono-arrow2"]:before { right: 0; top: -3px; position: absolute; height: 4px; box-shadow: inset 0 0 0 32px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 15px; -webkit-transform-origin: right top; transform-origin: right top; } [class*="icono-arrow2"][class*="-left"] { -webkit-transform: rotate(45deg); transform: rotate(45deg); } [class*="icono-arrow2"][class*="-left"][class*="-up"] { -webkit-transform: none; transform: none; } [class*="icono-arrow2"][class*="-left"][class*="-down"] { -webkit-transform: rotate(90deg); transform: rotate(90deg); } [class*="icono-arrow2"][class*="-right"] { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } [class*="icono-arrow2"][class*="-right"][class*="-up"] { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } [class*="icono-arrow2"][class*="-right"][class*="-down"] { -webkit-transform: rotate(180deg); transform: rotate(180deg); } [class*="icono-arrow2"][class*="-up"] { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } [class*="icono-arrow2"][class*="-down"] { -webkit-transform: rotate(135deg); transform: rotate(135deg); } [class*="icono"] { position: relative; display: inline-block; vertical-align: middle; color: #ffffff; box-sizing: border-box; } [class*="icono"]:after, [class*="icono"]:before { content: ""; box-sizing: border-box; } [class*="icono-arrow3"] { width: 18px; height: 20px; border-width: 4px 4px 0 0; border-style: solid; margin: 10px; border-radius: 0 2px 0 0; } [class*="icono-arrow3"]:before, [class*="icono-arrow3"]:after { border-radius: 2px; position: absolute; } [class*="icono-arrow3"]:before { right: 0; top: -3px; width: 23px; height: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: right top; transform-origin: right top; box-shadow: inset 0 0 0 32px; } .grecaptcha-badge{ visibility: collapse !important; } </style> <meta name="theme-color" content="#182e4e"/> <link rel="manifest" href="/manifest.json"> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#0071bb"> <meta name="application-name" content="AODA.ca"/> <meta name="msapplication-TileColor" content="#FFFFFF" /> <script src="https://cdn.jsdelivr.net/g/filesaver.js"></script> <script src="https://unpkg.com/blob-util/dist/blob-util.min.js"></script> </head> <body class="post-template-default single single-post postid-8219 single-format-standard group-blog masthead-fixed singular"> <a class="usa-skipnav" href="#main-content">Skip to main content</a> <a class="usa-skipnav" href="#main-menu">Skip to main menu</a> <header class="usa-header site-header" > <div class="usa-navbar site-header-navbar">  <div class="usa-logo site-logo" id="logo"> <em class="usa-logo-text"> <img src="https://cdn.jsdelivr.net/gh/aoda-ca/aoda_cdn@2.1/img/logo.svg" alt="AODA.ca Logo" /> <a href="/" title="Home" aria-label="AODA.ca home" class='full-text'> Accessibility for Ontarians with Disabilities Act </a> <a href="/" title="Home" aria-label="AODA.ca home" class='abbr-text'> AODA Accessibility </a> </em> </div> <ul class="usa-button-list usa-unstyled-list"> <li> <a class="usa-button usa-button-outline-inverse mobile-hidden" href="/newsletter/"> Sign up for updates </a> </li> <li> <button class="usa-button usa-button-outline-inverse button-yellow" id="contrast-link" type="button" role="checkbox" aria-checked="false" onclick="return toggleContrast();"> High contrast </button> </li> </ul> <ul class="usa-button-list usa-unstyled-list mobile-only"> <li> <button class="usa-button mobile-header-button " id="mobile-menu-toggle" type="button" role="checkbox" onclick="return toggleMenu();"> <span class="fas fa-bars" aria-hidden="true"></span> <span class="sr-only">Toggle Menu</span> </button> </li> </ul> </div> </header> <nav class="site-nav-secondary "> <ul> <li><a href="/free-online-training/" class=""><span>Free Online Training</span></a></li> <li><a href="/aoda-website-accessibility-audit/" class=""><span>Website Audits</span></a></li> <li><a href="/onsite-training/" class=""><span>On-Site Training</span></a></li> <li><a href="/aoda-consulting/" class=""><span>AODA Consulting</span></a></li> </ul> </nav> <script> function setContrastHigh() { document.body.classList.add("high-contrast"); document.getElementById("contrast-link").innerHTML = "Reset contrast"; document.getElementById("contrast-link").setAttribute('aria-checked', 'true'); set_cookie("style", "high-contrast"); } function resetContrast() { document.body.classList.remove("high-contrast"); document.getElementById("contrast-link").innerHTML = "High contrast"; document.getElementById("contrast-link").setAttribute('aria-checked', 'false'); delete_cookie("style"); } if (document.cookie.indexOf('high-contrast') >= 0) { if (document.body === undefined || document.body.classList === undefined || document.body.classList.add === undefined) { // Old IE Fix window.onload = function() { if (document.body.classList !== undefined) { setContrastHigh(); } } } else { setContrastHigh(); } } function toggleContrast() { if (document.cookie.indexOf('high-contrast') >= 0) { resetContrast(); } else { setContrastHigh(); } return false; } jQuery(document).ready(function(){ jQuery("#main-content").on("click", function(){ jQuery("#main-menu").removeClass('expanded'); }); }); function toggleMenu() { jQuery("#main-menu").toggleClass('expanded'); } function set_cookie(name, value) { document.cookie = name +'='+ value +'; Path=/;'; } function delete_cookie(name) { document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; } </script> <main id="main-content" class="main-content"> <div class="styleguide-content" role="main" id="content"> <div class="usa-grid" style="padding:0"> <div class="usa-width-two-thirds-x"> <div id="post-8219" class="post-8219 post type-post status-publish format-standard hentry category-resources-on-issues-of-accessibility-and-the-ontarians-with-disabilities-act-aoda"> <header class="entry-header"> <h1 class="entry-title">Accessible Webpages and Documents</h1> <div class="entry-meta"> </div> </header> <div class="entry-content"> <p>The AODA has <a href="https://aoda.ca/new-aoda-requirement-for-ontario-websites/">requirements for web accessibility</a>, as well as <a href="https://aoda.ca/accessible-self-service-kiosks/">requirements for the procurement of self-service kiosks</a>. However, <a href="https://aoda.ca/coordinating-accessibility-laws-across-canada/">the third review of the AODA recommends that future AODA standards should align with existing standards in other parts of the country</a>.</p> <p>For instance, Accessibility Standards Canada (ASC) has adopted <a href="https://accessible.canada.ca/sites/default/files/2024-06/can-asc-en301549-20240226-v02-en-aoda.pdf">European standards for accessibility in information and communication technology (ICT)</a>. Future AODA standards may include some or all of these guidelines and requirements to make ICT products and services more accessible. In this article, we explore guidelines in the federal standards for accessible webpages and documents.</p> <h2>Accessible Webpages and Documents</h2> <p>The AODA鈥檚 <a href="https://aoda.ca/what-is-the-information-and-communications-standards/">Information and Communications Standards</a> currently require public-sector organizations, and large private-sector organizations, to <a href="https://www.aoda.ca/new-aoda-requirement-for-ontario-websites/">conform to Web Content Accessibility Guidelines (WCAG 2.0), level AA</a>. For example, version 2.0 requires:</p> <ul> <li><a href="https://www.aoda.ca/web-accessibility-guidelines-for-layouts/">Consistent layouts</a></li> <li><a href="https://www.aoda.ca/web-accessibility-guidelines-for-making-content-visible/">Content that users can perceive in different ways</a>, including: <ul> <li><a href="https://www.aoda.ca/web-accessibility-guidelines-for-text/">Text</a></li> <li><a href="https://www.aoda.ca/web-accessibility-guidelines-for-audio/">Audio</a></li> <li><a href="https://www.aoda.ca/web-accessibility-guidelines-for-videos/">Videos</a></li> </ul> </li> <li><a href="https://www.aoda.ca/web-accessibility-guidelines-for-compatibility-with-assistive-technology/">Compatibility with various assistive technologies</a>, including: <ul> <li><a href="https://www.aoda.ca/hardware-that-supports-web-accessibility/">Hardware</a></li> <li><a href="https://www.aoda.ca/software-programs-that-support-web-accessibility/">Software</a></li> </ul> </li> <li><a href="https://www.aoda.ca/web-accessibility-guidelines-for-inputting-information/">Accessible ways for users to input information</a></li> <li><a href="https://www.aoda.ca/web-accessibility-guidelines-for-preventing-online-barriers/">Ways to avoid online accessibility barriers, such as time limits or moving information</a></li> </ul> <p>Moreover, version 2.0 also requires pre-recorded audio descriptions for videos, as well as live captions for audio and videos. On the other hand, the Information and Communications Standards do not require conformance with these two (2) WCAG criteria. However, the federal ICT standards include conformance with these two (2) criteria, and all other criteria under version 2.0 at level AA.</p> <p>In addition, the federal ICT standards include conformance with guidelines at level AA in a more up-to-date edition of WCAG, version 2.1. For example, WCAG version 2.1 includes guidelines for:</p> <ul> <li><a href="https://aoda.ca/web-accessibility-guidelines-for-display-in-portrait-and-landscape-orientation/">Display in portrait or landscape orientation</a></li> <li><a href="https://aoda.ca/web-accessibility-guidelines-for-online-forms/">Online forms</a></li> <li><a href="https://aoda.ca/web-accessibility-guidelines-for-designing-text-users-can-reformat/">Designing text users can reformat</a></li> <li><a href="https://aoda.ca/web-accessibility-requirements-for-non-text-colour-contrast/">Non-text colour contrast</a></li> <li><a href="https://aoda.ca/web-accessibility-guidelines-for-content-that-appears-and-disappears/">Content that appears and disappears</a></li> <li><a href="https://aoda.ca/web-accessibility-guidelines-for-keyboard-shortcuts/">Keyboard shortcuts</a></li> <li><a href="https://aoda.ca/web-accessibility-guidelines-for-pointer-gestures/">Pointer gestures</a></li> <li><a href="https://aoda.ca/web-accessibility-guidelines-for-status-messages/">Status messages</a></li> </ul> <h2>Accessible Documents</h2> <p>Furthermore, criteria in the federal ICT standards for accessible webpages also apply to documents.</p> <p>For example, documents include files that people can download from the Internet and open with another program, such as a:</p> <ul> <li>Media player</li> <li>Editor or reader, like Microsoft Word or an Adobe program</li> </ul> <p>For instance, types of documents include:</p> <ul> <li>Emails</li> <li>Spreadsheets</li> <li>Presentations</li> <li>Pictures</li> <li>Books</li> <li>Letters</li> <li>Videos</li> </ul> <p>Moreover, some documents may consist of one (1) file. On the other hand, a document may consist of two (2) or more files, such as a video with a caption file that opens when a person plays the video.</p> <p>Finally, documents must be accessible even if they include protective features, such as:</p> <ul> <li>Passwords</li> <li>Encryption</li> <li>Digital signatures</li> <li>Watermarks</li> </ul> <p>The AODA may one day change to align with guidelines in the federal standards for accessible information and communication technology (ICT), including requirements for accessible webpages and documents. Therefore, organizations should be proactive and ensure that their webpages and documents conform to WCAG version 2.1.</p> <hr/> </div> </div>  <div class="navigation post-navigation" role="navigation"> <div class="center"> <h3 class="screen-reader-text">Post navigation</h3> <div class="nav-links"> Previous Post <a href="https://www.aoda.ca/accessible-video-communication-technology/" rel="prev"><span class="meta-nav"></span> Accessible Video Communication Technology</a> <br/>Next Post <a href="https://www.aoda.ca/accessible-software/" rel="next">Accessible Software <span class="meta-nav"></span></a> </div> </div> </div> </div> </div> </div> </main> <nav class="sidenav sticky" id="main-menu" > <ul id="menu-main-menu" class="usa-sidenav-list"><li id="menu-item-3154" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-3154"><a href="/">Home</a></li> <li id="menu-item-2214" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-2214"><a href="https://www.aoda.ca/category/articles-regarding-the-accessibility-for-ontarians-with-disabilities-actaoda/">News Articles</a></li> <li id="menu-item-2217" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-2217"><a href="https://www.aoda.ca/category/resources-on-issues-of-accessibility-and-the-ontarians-with-disabilities-act-aoda/">AODA Resources</a></li> <li id="menu-item-783" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-783"><a href="https://www.aoda.ca/the-act/">The Act (AODA)</a></li> <li id="menu-item-786" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-786"><a href="https://www.aoda.ca/guide-to-the-act/">Guide to the Act</a></li> <li id="menu-item-787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-787"><a href="https://www.aoda.ca/customer-care-standard/">Customer Service Standard</a></li> <li id="menu-item-802" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-802"><a href="https://www.aoda.ca/customer-care-guide/">Customer Service Guide</a></li> <li id="menu-item-1216" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1216"><a href="https://www.aoda.ca/integrated/">Integrated Regulation</a></li> <li id="menu-item-2104" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2104"><a href="https://www.aoda.ca/a-guide-to-the-integrated-accessibility-standards-regulation/">Integrated Guide</a></li> <li id="menu-item-2224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2224"><a href="https://www.aoda.ca/contact/">Contact Information</a></li> </ul></nav> <div style="text-align: center;" class="navlist"> <p><a href="#main-content">Back to top</a></p> </div> <footer class="usa-footer usa-footer-big"> <div class="usa-footer-secondary_section usa-footer-big-secondary-section"> <div class="usa-grid"> <div class="usa-footer-logo usa-width-one-half"> <h2 class="usa-footer-big-logo-heading">Accessibility for Ontarians with Disabilities Act</h2> <p>Copyright AODA.ca Inc. 漏2008-2025<br> <a href="/web/20190204082213/https://www.aoda.ca/archives/">Site Map</a> </p> </div> <div class="usa-footer-contact-links usa-width-one-half"> <h2 class="usa-footer-contact-heading">Contact Information</h2> <address> <div class="usa-footer-primary-content usa-footer-contact_info"> <p><a href="https://web.archive.org/web/20190204082213/mailto:info@aoda.ca">info@aoda.ca</a></p> </div> </address> </div> </div> </div> </footer> <script type="text/javascript"> function formValidation() { jQuery('#aoda-online-form').validate({ rules: { "email": "required", "full_name": { required: true, pattern: /[A-Za-z]+\s+[A-Za-z]+/ }, "company": "required" }, messages: { "email": "Please enter a valid email address", "full_name": "Please enter your full name" }, errorPlacement: function ($error, $element) { var name = $element.attr("name"); $error.attr('aria-live', 'polite'); //$("#error" + name).append($error); $error.insertAfter($element); }, submitHandler: function(form) { var paramObj = {}; jQuery.each(jQuery(form).serializeArray(), function(_, kv) { paramObj[kv.name] = kv.value; }); jQuery.post('https://0rxyymz0p0.execute-api.ca-central-1.amazonaws.com/prod/user', JSON.stringify(paramObj), null, 'json' ).done(function(resp) { console.log('redirecting course...'); var data = JSON.parse(resp); localStorage['osg_aoda_uid'] = paramObj['email']; localStorage['osg_vcode'] = data['code']; window.location.replace('/course'); }); return false; } }).form(); } var checkEmailButton = jQuery('#check_email'); var spinner = jQuery('#spinner'); checkEmailButton.click(function(event) { event.preventDefault(); jQuery('input[name=email]').off({ 'keyup': buttonHandler }); spinner.show(); var $i = checkEmailButton.find('i'); $i.css("visibility", "hidden");; //checkEmailButton.animate({width: '5em', height: '3em'}); this.disabled = true; this.style.backgroundColor = '#0071bc'; //jQuery('#email')[0].disabled = true; var email = jQuery('input[name=email]').val(); jQuery.get('https://0rxyymz0p0.execute-api.ca-central-1.amazonaws.com/prod/user', { email: email}) .done(function(data, textStatus, jqXHR) { if (jqXHR.status == "204") { checkEmailButton.hide(); //checkEmailButton.animate({ height: 1 }, 500, function(){ checkEmailButton.hide(); }); formValidation(); jQuery('.flash-message').css("visibility", "visible"); jQuery('.flash-message').css("display", "block"); jQuery('#user-reg-form').show(); jQuery('input[name=full_name]').focus(); } else if (jqXHR.status == "200") { localStorage['osg_aoda_uid'] = email; codeVerificationStep(email); } //spinner.hide(); }).fail(function(data) { spinner.hide(); }); }); function codeVerificationStep(email) { jQuery.post("https://0rxyymz0p0.execute-api.ca-central-1.amazonaws.com/prod/send_code", JSON.stringify({ email: email})).done(function() { checkEmailButton.hide(); spinner.hide(); jQuery('#verify-code').show(); var verifyCodeButton = jQuery('#send-vcode'); verifyCodeButton.click(function(ev){ ev.preventDefault(); var codeInput = jQuery('input[name=vcode]'); codeInput.focus(); var vcode = jQuery('input[name=vcode]').val(); verifyCode(vcode); }); }).fail(function(data) { console.log(data) } ); } function verifyCode(vcode) { var email = localStorage['osg_aoda_uid']; var $codeContainer = jQuery('#verify-code'); jQuery.get("https://0rxyymz0p0.execute-api.ca-central-1.amazonaws.com/prod/verify", { email: email, code: vcode }, null, 'json' ).done(function(response) { if (!!response['ccode']) { localStorage['osg_vcode'] = vcode; getCertificateId().done(function() { checkEmailButton.hide(); $codeContainer.hide(); $codeContainer.find('.vcode-invalid').hide(); }); } else { $codeContainer.find('.vcode-invalid').show(); } }); } function buttonHandler(event) { checkEmailButton[0].disabled = !this.value; if (event.keyCode == 13) { event.preventDefault(); checkEmailButton.click(); } }; jQuery('input[name=email]').on('keyup', buttonHandler); function getCertificateId() { return jQuery.get('https://0rxyymz0p0.execute-api.ca-central-1.amazonaws.com/prod/certid', { email: localStorage['osg_aoda_uid'] } ).done(function(response) { if (!!response['cert_id']) { window.cert_id = response['cert_id']; jQuery('.course-completed').show(); } else { jQuery('.course-started').show(); } }); } function continueCourse() { console.log('redirecting /course...'); window.location.replace('/course'); } function restartCourse() { jQuery.ajax({ url: "https://0rxyymz0p0.execute-api.ca-central-1.amazonaws.com/prod/restart", type: 'POST', data: JSON.stringify({ email: localStorage['osg_aoda_uid'] }), dataType: 'json', contentType: 'application/json', context: this }).done(function(response) { continueCourse(); }); } function animateButton(selector) { var $button = jQuery(selector); var spinner = jQuery('#spinner-resend'); jQuery(document).on('click', selector, function(event) { //event.preventDefault(); spinner.show(); var $i = $button.find('span'); $i.hide(); $button.animate({width: '5em', height: '3em'}); this.disabled = true; this.style.backgroundColor = '#0071bc'; }); } function stopAnimation($button) { //$button.css('background-color', ''); $button.find('.spinner').hide(); $button.find('span').show(); $button.get(0).disabled = false; $button.animate({width: '13em', height: '3em'}); } animateButton('#resend-btn'); function downloadCertificate(){ var btn = jQuery('#resend-btn'); //animateButton(btn); jQuery.get("https://0rxyymz0p0.execute-api.ca-central-1.amazonaws.com/prod/download_cert", { cert_id: window.cert_id } ).done(function(response) { stopAnimation(btn); var blob = blobUtil.base64StringToBlob(response['cert'], 'applicaction/pdf'); saveAs(blob, "certificate.pdf"); //localStorage['osg_aoda_uid'] }); } function resendCertificate() { var btn = jQuery('#resend-btn'); //animateButton(btn); jQuery.post("https://0rxyymz0p0.execute-api.ca-central-1.amazonaws.com/prod/cert", JSON.stringify({ cert_id: window.cert_id, email: localStorage['osg_aoda_uid'] }) ).done(function(response) { stopAnimation(btn); }); } jQuery('#aoda-online-form').submit(function(){ if (jQuery('#user-reg-form').is(":hidden")) { return false; } return true; }); jQuery(document) .on('click', '#continue-btn', continueCourse) .on('keypress', '#continue-btn', continueCourse); jQuery(document) .on('click', '#restart-btn', restartCourse) .on('keypress', '#restart-btn', restartCourse); jQuery(document) .on('click', '#restart-btn-2', restartCourse) .on('keypress', '#restart-btn-2', restartCourse); jQuery(document) .on('click', '#resend-btn', downloadCertificate) .on('keypress', '#resend-btn', downloadCertificate); </script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/hooks.min.js" id="wp-hooks-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/i18n.min.js" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://www.aoda.ca/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.4" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/www.aoda.ca\/wp-json\/", "namespace": "contact-form-7\/v1" } }; /* ]]> */ </script> <script type="text/javascript" src="https://www.aoda.ca/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.4" id="contact-form-7-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LdE5pEUAAAAAGdnQApZsU5HU_agLpEHJ-gyPtWR&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://c0.wp.com/c/6.7.2/wp-includes/js/dist/vendor/wp-polyfill.min.js" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-before"> /* <![CDATA[ */ var wpcf7_recaptcha = { "sitekey": "6LdE5pEUAAAAAGdnQApZsU5HU_agLpEHJ-gyPtWR", "actions": { "homepage": "homepage", "contactform": "contactform" } }; /* ]]> */ </script> <script type="text/javascript" src="https://www.aoda.ca/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.0.4" id="wpcf7-recaptcha-js"></script> <script type="text/javascript" src="https://stats.wp.com/e-202508.js" id="jetpack-stats-js" data-wp-strategy="defer"></script> <script type="text/javascript" id="jetpack-stats-js-after"> /* <![CDATA[ */ _stq = window._stq || []; _stq.push([ "view", JSON.parse("{\"v\":\"ext\",\"blog\":\"7966363\",\"post\":\"8219\",\"tz\":\"-5\",\"srv\":\"www.aoda.ca\",\"j\":\"1:14.3\"}") ]); _stq.push([ "clickTrackerInit", "7966363", "8219" ]); /* ]]> */ </script> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-rqn26AG5Pj86AF4SO72RK5fyefcQ/x32DNQfChxWvbXIyXFePlEktwD18fEz+kQU" crossorigin="anonymous"> <script async="async" src="/aoda_cdn/js/uswds.js"></script> <script src="/aoda_cdn/js/MenubarItemLinks.js"></script> <script src="/aoda_cdn/js/MenubarLinks.js"></script> <script src="/aoda_cdn/js/PopupMenuItemLinks.js"></script> <script src="/aoda_cdn/js/PopupMenuLinks.js"></script> <script type="text/javascript"> if (document.getElementById('menubar1') != null) { var menubar = new Menubar(document.getElementById('menubar1')); menubar.init(); } </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-5829372317103943", enable_page_level_ads: true }); </script> </body> </html>