CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="en" dir="ltr" prefix="og: http://ogp.me/ns#"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'has-js'); function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "/WAI/assets/scripts/main.js?1732542395990846989"; document.body.appendChild(element); } window.addEventListener("load", downloadJSAtOnload, false); </script> <link rel="stylesheet" href="/WAI/assets/css/style.css?1732542395990846989"> <title> Teach and Advocate Overview | Web Accessibility Initiative (WAI) | W3C</title> <meta name="generator" content="Jekyll v4.3.3" /> <meta property="og:title" content="Teach and Advocate Overview" /> <meta name="author" content="W3C Web Accessibility Initiative (WAI)" /> <meta property="og:locale" content="en" /> <meta name="description" content="Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI)." /> <meta property="og:description" content="Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI)." /> <link rel="canonical" href="https://www.w3.org/WAI/teach-advocate/" /> <meta property="og:url" content="https://www.w3.org/WAI/teach-advocate/" /> <meta property="og:site_name" content="Web Accessibility Initiative (WAI)" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:title" content="Teach and Advocate Overview" /> <meta name="twitter:site" content="@w3c_wai" /> <meta name="twitter:creator" content="@W3C Web Accessibility Initiative (WAI)" /> <script type="application/ld+json"> {"@context":"https://schema.org","@type":"WebPage","author":{"@type":"Person","name":"W3C Web Accessibility Initiative (WAI)"},"description":"Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).","headline":"Teach and Advocate Overview","url":"https://www.w3.org/WAI/teach-advocate/"}</script>  <meta name="twitter:image" property="og:image" content="https://www.w3.org/WAI/assets/images/social-sharing-default.jpg"> <link rel="alternate" type="application/rss+xml" href="/WAI/feed.xml"> </head> <body id="top" class="page-teach-and-advocate-overview tight-page"> <nav aria-label="Skip Link and Language Selector" id="controls" class="default-grid"> <ul> <li><a href="#main">Skip to Content</a></li> <li class="opt"><a href="/WAI/meta/customize/">Change Text Size or Colors</a></li> <li class="opt languagelist"> <strong>This page in:</strong> <ul class="languagelistul"><li><strong style="text-transform: capitalize;">English</strong></li><li><a style="text-transform: capitalize;" href="/WAI/teach-advocate/es" lang="es" dir="auto" translate="no">espa帽ol</a></li> <li><a style="text-transform: capitalize;" href="/WAI/teach-advocate/fr" lang="fr" dir="auto" translate="no">fran莽ais</a></li> </ul> </li> <li class="opt"> <a href="/WAI/translations/">All Translations <svg focusable="false" aria-hidden="true" class="icon-translations "><use xlink:href="/WAI/assets/images/icons.svg#icon-translations"></use></svg></a> </li> <li><button id="showoptions" data-showhidebuttonid="header-showoptions" class="showhidebutton button-inline" data-target="#controls .opt" aria-expanded="false" data-large-aria-expanded="true" data-showtext='<svg focusable="false" aria-hidden="true" class="icon-languages "><use xlink:href="/WAI/assets/images/icons.svg#icon-languages"></use></svg> Show Customization, Languages, Translations' data-hidetext='Hide Options'><svg focusable="false" aria-hidden="true" class="icon-languages "><use xlink:href="/WAI/assets/images/icons.svg#icon-languages"></use></svg> Show Customization, Languages, Translations</button></li> </ul> </nav> <header id="site-header" class="default-grid with-gap"> <div class="logos"> <a lang="en" class="home w3c" href="https://www.w3.org/"> <svg role="img" aria-label="W3C" viewBox="0 0 68 34" xmlns="http://www.w3.org/2000/svg"><g><path d="m16.117 1.006 5.759 19.58 5.759-19.58h4.17 11.444v1.946l-5.879 10.128c2.065.663 3.627 1.868 4.686 3.615 1.059 1.748 1.589 3.799 1.589 6.155 0 2.914-.775 5.363-2.324 7.348s-3.555 2.978-6.017 2.978c-1.854 0-3.469-.589-4.845-1.767-1.377-1.178-2.396-2.773-3.058-4.786l3.256-1.35c.477 1.218 1.106 2.178 1.887 2.879.781.702 1.701 1.052 2.76 1.052 1.112 0 2.052-.622 2.82-1.866.768-1.245 1.152-2.74 1.152-4.489 0-1.933-.411-3.429-1.231-4.488-.954-1.244-2.45-1.867-4.489-1.867h-1.588v-1.906l5.56-9.612h-6.712l-.382.65-8.163 27.548h-.397l-5.958-19.937-5.957 19.937h-.397l-9.53-32.168h4.17l5.759 19.58 3.892-13.185-1.906-6.395z"/><path d="m64.92 1.006c-.819 0-1.554.295-2.111.861-.591.6-.92 1.376-.92 2.178s.313 1.545.887 2.128c.583.591 1.334.912 2.145.912.793 0 1.562-.321 2.161-.903.574-.557.887-1.3.887-2.136 0-.811-.321-1.57-.878-2.136-.584-.592-1.344-.904-2.171-.904zm2.643 3.065c0 .701-.271 1.351-.768 1.832-.524.507-1.174.777-1.892.777-.675 0-1.342-.278-1.84-.785s-.777-1.157-.777-1.849.287-1.368.802-1.891c.481-.49 1.131-.751 1.84-.751.726 0 1.376.271 1.883.785.49.489.752 1.147.752 1.882zm-2.559-1.807h-1.3v3.445h.65v-1.469h.642l.701 1.469h.726l-.769-1.57c.498-.102.785-.439.785-.929 0-.625-.472-.946-1.435-.946zm-.118.422c.608 0 .886.169.886.591 0 .405-.278.549-.87.549h-.549v-1.14z"/><path d="m59.807.825.676 4.107-2.391 4.575s-.918-1.941-2.443-3.015c-1.285-.905-2.122-1.102-3.431-.832-1.681.347-3.587 2.357-4.419 4.835-.995 2.965-1.005 4.4-1.04 5.718-.056 2.113.277 3.362.277 3.362s-1.452-2.686-1.438-6.62c.009-2.808.451-5.354 1.75-7.867 1.143-2.209 2.842-3.535 4.35-3.691 1.559-.161 2.791.59 3.743 1.403 1 .854 2.01 2.721 2.01 2.721z"/><path d="m60.102 24.063s-1.057 1.889-1.715 2.617c-.659.728-1.837 2.01-3.292 2.651s-2.218.762-3.656.624c-1.437-.138-2.772-.97-3.24-1.317s-1.664-1.369-2.34-2.322-1.733-2.859-1.733-2.859.589 1.91.958 2.721c.212.467.864 1.894 1.789 3.136.863 1.159 2.539 3.154 5.086 3.604 2.547.451 4.297-.693 4.73-.97s1.346-1.042 1.924-1.66c.603-.645 1.174-1.468 1.49-1.962.231-.36.607-1.092.607-1.092z"/></g></svg> </a> <a lang="en" class="home" href="/WAI/"> <span class="wai"><span class="wa">Web Accessibility</span> <span class="i"><span class="initieative">Initiative</span> <span>WAI</span></span></span> </a> <div class="claim"> <span>Strategies, standards, resources to make the Web accessible to people with disabilities</span> </div> <button class="button button-menu" aria-haspopup="true" aria-expanded="false" id="openmenu"><span><svg focusable="false" aria-hidden="true" class="icon-menu "><use xlink:href="/WAI/assets/images/icons.svg#icon-menu"></use></svg> Menu</span></button> </div> <div class="navigations"> <nav class="metanav" aria-label="Meta & Search" lang="en"> <ul> <li><a href="/WAI/about/participating/">Get Involved</a></li> <li><a href="/WAI/about/">About W3C WAI</a></li> <li> <form action="/WAI/search/" role="search"> <div> <label for="header-search"> <span class="visuallyhidden">Search:</span> <input id="header-search" type="search" name="q" placeholder="Search" aria-label="Search"> </label> <button class="button button-icon button-nobg button-noborder"><span><svg focusable="false" aria-label="Submit Search" class="icon-search "><use xlink:href="/WAI/assets/images/icons.svg#icon-search"></use></svg></span></button> </div> </form> </li> </ul> </nav> </div> </header><nav class="mainnav" aria-label="Main" lang="en"><ul><li><a lang="en" href="/WAI/fundamentals/"><span>Accessibility Fundamentals</span></a></li><li><a lang="en" href="/WAI/planning/"><span>Planning & Policies</span></a></li><li><a lang="en" href="/WAI/design-develop/"><span>Design & Develop</span></a></li><li><a lang="en" href="/WAI/test-evaluate/"><span>Test & Evaluate</span></a></li><li><a lang="en" href="/WAI/teach-advocate/"><span>Teach & Advocate</span></a></li><li><a lang="en" href="/WAI/standards-guidelines/"><span>Standards/<wbr>Guidelines</span></a></li></ul></nav><nav class="default-grid breadcrumb" aria-label="Breadcrumb" lang="en"> <ul style="align-self: center;"> <li><a href="/WAI/" lang="en">Home</a></li><li><a lang="en" href="/WAI/teach-advocate/" aria-current="page"><span>Teach & Advocate</span></a></li></ul> </nav> <div class="default-grid with-gap leftcol"> <div class="sidenav"><nav class="sn-contents" aria-label="Secondary"> <ul class="sidenav--list"> <li> <a lang="en" href="/WAI/teach-advocate/" aria-current="page" class="page-link"><span>Teach & Advocate</span></a></li><li> <a lang="en" href="/WAI/teach-advocate/accessible-presentations/" class="page-link"><span>Making Events Accessible Checklist</span></a></li><li> <a lang="en" href="/WAI/curricula/" class="page-link"><span>Curricula on Web Accessibility</span></a><ul><li> <a lang="en" href="/WAI/curricula/foundation-modules/" class="page-link"><span>Foundation Modules</span></a><ul><li> <a lang="en" href="/WAI/curricula/foundation-modules/what-is-web-accessibility/" class="page-link"><span>What is Web Accessibility</span></a></li><li> <a lang="en" href="/WAI/curricula/foundation-modules/people-and-digital-technology/" class="page-link"><span>People and Digital Technology</span></a></li><li> <a lang="en" href="/WAI/curricula/foundation-modules/business-case-and-benefits/" class="page-link"><span>Business Case and Benefits</span></a></li><li> <a lang="en" href="/WAI/curricula/foundation-modules/principles-standards-and-checks/" class="page-link"><span>Principles, Standards, and Checks</span></a></li><li> <a lang="en" href="/WAI/curricula/foundation-modules/getting-started-with-accessibility/" class="page-link"><span>Getting Started with Accessibility</span></a></li></ul></li><li> <a lang="en" href="/WAI/curricula/developer-modules/" class="page-link"><span>Developer Modules</span></a><ul><li> <a lang="en" href="/WAI/curricula/developer-modules/page-structure/" class="page-link"><span>Page Structure</span></a></li><li> <a lang="en" href="/WAI/curricula/developer-modules/menus/" class="page-link"><span>Menus</span></a></li><li> <a lang="en" href="/WAI/curricula/developer-modules/images/" class="page-link"><span>Images</span></a></li><li> <a lang="en" href="/WAI/curricula/developer-modules/tables/" class="page-link"><span>Tables</span></a></li><li> <a lang="en" href="/WAI/curricula/developer-modules/forms/" class="page-link"><span>Forms</span></a></li><li> <a lang="en" href="/WAI/curricula/developer-modules/custom-widgets/" class="page-link"><span>Custom Widgets</span></a></li><li> <a lang="en" href="/WAI/curricula/developer-modules/rich-applications/" class="page-link"><span>Rich Applications</span></a></li></ul></li><li> <a lang="en" href="/WAI/curricula/designer-modules/" class="page-link"><span>Designer Modules</span></a><ul><li> <a lang="en" href="/WAI/curricula/designer-modules/visual-design/" class="page-link"><span>Visual Design</span></a></li><li> <a lang="en" href="/WAI/curricula/designer-modules/information-design/" class="page-link"><span>Information Design</span></a></li><li> <a lang="en" href="/WAI/curricula/designer-modules/navigation-design/" class="page-link"><span>Navigation Design</span></a></li><li> <a lang="en" href="/WAI/curricula/designer-modules/interaction-design/" class="page-link"><span>Interaction Design</span></a></li><li> <a lang="en" href="/WAI/curricula/designer-modules/images-and-graphics/" class="page-link"><span>Images and Graphics</span></a></li><li> <a lang="en" href="/WAI/curricula/designer-modules/multimedia-and-animations/" class="page-link"><span>Multimedia and Animations</span></a></li><li> <a lang="en" href="/WAI/curricula/designer-modules/forms-design/" class="page-link"><span>Forms Design</span></a></li></ul></li><li> <a lang="en" href="/WAI/curricula/content-author-modules/" class="page-link"><span>Content Author Modules</span></a><ul><li> <a lang="en" href="/WAI/curricula/content-author-modules/clear-content/" class="page-link"><span>Clear Content</span></a></li><li> <a lang="en" href="/WAI/curricula/content-author-modules/structure/" class="page-link"><span>Structure</span></a></li><li> <a lang="en" href="/WAI/curricula/content-author-modules/forms/" class="page-link"><span>Forms</span></a></li><li> <a lang="en" href="/WAI/curricula/content-author-modules/images/" class="page-link"><span>Images</span></a></li><li> <a lang="en" href="/WAI/curricula/content-author-modules/data-tables/" class="page-link"><span>Data Tables</span></a></li><li> <a lang="en" href="/WAI/curricula/content-author-modules/multimedia/" class="page-link"><span>Multimedia</span></a></li></ul></li></ul></li><li> <a lang="en" href="/WAI/teach-advocate/accessibility-training/" class="page-link"><span>Develop Accessibility Training</span></a><ul><li> <a lang="en" href="/WAI/teach-advocate/accessibility-training/topics/" class="page-link"><span>Topics</span></a></li><li> <a lang="en" href="/WAI/teach-advocate/accessibility-training/presentation-outlines/" class="page-link"><span>Presentation Outlines</span></a></li><li> <a lang="en" href="/WAI/teach-advocate/accessibility-training/workshop-outline/" class="page-link"><span>Workshop Outline</span></a></li></ul></li><li> <a lang="en" href="https://www.w3.org/WAI/demos/bad/" class="page-link"><span>Before and After Demo (BAD)</span></a></li><li> <a lang="en" href="/WAI/teach-advocate/contact-inaccessible-websites/" class="page-link"><span>Contacting Inaccessible Websites</span></a></li><li> <a lang="en" href="/WAI/business-case/" class="page-link"><span>Business Case</span></a><ul><li> <a lang="en" href="/WAI/business-case/bibliography/" class="page-link"><span>Bibliography</span></a></li></ul></li></ul></nav><nav class="sidenav-languages" aria-labelledby="languagehead"> <header id="languagehead">Languages/Translations</header> <ul class="langlist"> <li style="margin-bottom: 2px;"><strong style="text-transform: capitalize;">English (original)</strong></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/teach-advocate/es" dir="auto" translate="no" lang="es">espa帽ol</a></li><li style="margin-bottom: 2px;"><a style="text-transform: capitalize;" href="/WAI/teach-advocate/fr" dir="auto" translate="no" lang="fr">fran莽ais</a></li></ul> <p><a href="/WAI/translations/">All Translations</a></p> <p><a href="/WAI/about/translating/">Translating WAI Resources</a></p> </nav> </div> <main id="main" lang="en"> <header> <h1> Teach and Advocate Overview </h1></header> <aside class="box"><header class="box-h "> Summary</header><div class="box-i"> <p>Links to resources related to teaching web accessibility and advocating for web accessibility.</p> </div></aside> <nav class="box box-simple" aria-labelledby="tocheading" id="toc"> <header id="tocheading" class="box-h box-h-simple"> Page Contents</header> <div class="box-i"> <ul id="markdown-toc"> <li><a href="#train" id="markdown-toc-train">Training Resources</a></li> <li><a href="#advocate" id="markdown-toc-advocate">Advocating Resources</a></li> </ul> </div> </nav> <h2 id="train">Training Resources</h2> <dl class="paragraph-like"> <dt><a href="/WAI/teach-advocate/accessible-presentations/">Making Events Accessible - Checklist for meetings, conferences, training, and presentations that are remote/virtual, in-person, or hybrid</a></dt> <dd>Guides presenters, organizers, and participants in making events inclusive, particularly to people with disabilities. This benefits everyone, particularly international participants.</dd> <dt><a href="/WAI/curricula/">Curricula on Web Accessibility: A Framework to Build Your Own Courses</a></dt> <dd>Provides curricula to help you create courses on web accessibility for different roles. It defines learning outcomes, and provides ideas to teach and assess knowledge.</dd> <dt><a href="/WAI/teach-advocate/accessibility-training/">Developing Web Accessibility Presentations and Training: Overview</a></dt> <dd>Provides materials for speakers, lecturers, educators and other presenters to help their participants understand more about web accessibility. The materials provide a range of information from introductory slides for those new to accessibility, to statistics and demos for experienced trainers. (Note: This content is mostly from 2013. The <a href="/WAI/curricula/">Curricula</a> links to more recent resources.)</dd> <dt><a href="https://www.w3.org/WAI/demos/bad/">Before and After Demonstration (BAD)</a></dt> <dd>Shows an inaccessible website and a retrofitted version of the same website. Includes annotations that highlight key accessibility barriers and repairs, and evaluation reports for WCAG 2.0.</dd> </dl> <h2 id="advocate">Advocating Resources</h2> <dl class="paragraph-like"> <dt><a href="/WAI/teach-advocate/contact-inaccessible-websites/">Contacting Organizations about Inaccessible Websites</a></dt> <dd>Encourages telling organizations about accessibility barriers on their website. Provides guidance on identifying key contacts, describing the problem, and following up as needed. Includes tips and sample e-mails.</dd> <dt><a href="/WAI/business-case/">The Business Case for Digital Accessibility</a></dt> <dd>Examines the rationale for organizations to address accessibility. Includes tangible and intangible benefits, and the risks of not addressing accessibility adequately. Explores how accessibility can drive innovation, enhance your brand, extend market reach, and minimize legal risk.</dd> </dl> <aside class="box box-icon box-space-above" id="helpimprove" aria-label="feedback"><header class="box-h box-h-icon box-h-space-above box-h-icon"> <svg focusable="false" aria-hidden="true" class="icon-comments "><use xlink:href="/WAI/assets/images/icons.svg#icon-comments"></use></svg> <h2> Help improve this page </h2></header><div class="box-i"><p>Please share your ideas, suggestions, or comments via e-mail to the publicly-archived list <a href="mailto:wai@w3.org?body=%5Binclude%20a%20relevant%20email%20Subject%5D%0A%0A%5Bput%20comment%20here...%5D%0A%0AI%20give%20permission%20to%20share%20this%20to%20a%20publicly-archived%20e-mail%20list.">wai@w3.org</a> or via GitHub.</p> <div class="button-group"> <a href="mailto:wai@w3.org?body=%5Binclude%20a%20relevant%20email%20Subject%5D%0A%0A%5Bput%20comment%20here...%5D%0A%0AI%20give%20permission%20to%20share%20this%20to%20a%20publicly-archived%20e-mail%20list." class="button"><span>E-mail</span></a><a href=" https://github.com/w3c/wai-website/edit/main/pages/teach-advocate/index.md " class="button"><span>Fork & Edit on GitHub</span></a><a href="https://github.com/w3c/wai-website/issues/new?template=content-issue.yml&wai-resource-id=wai-teach-advocate&wai-url=https://www.w3.org/WAI/teach-advocate/" class="button"><span>New GitHub Issue</span></a></div></div></aside> <a class="button button-backtotop" href="#top"><span><svg focusable="false" aria-hidden="true" class="icon-arrow-up "><use xlink:href="/WAI/assets/images/icons.svg#icon-arrow-up"></use></svg> Back to Top</span></a> </main> </div> <footer id="wai-site-footer" class="page-footer default-grid" aria-label="Page"> <div class="inner"><p><strong>Updated:</strong> 31 August 2022. <a href="/WAI/teach-advocate/changelog/">Latest changes</a>.</p><p><strong>Editor:</strong> <a href="https://www.w3.org/People/Shawn/">Shawn Lawton Henry</a>.</p> <p>Developed with input from the Education and Outreach Working Group (<a href="https://www.w3.org/WAI/EO/">EOWG</a>).</p> </div> </footer> <footer class="site-footer grid-4q" aria-label="Site"> <div class="q1-start q3-end about"> <div> <p><a class="largelink" href="https://www.w3.org/WAI/" lang="en" dir="auto" translate="no">W3C Web Accessibility Initiative (WAI)</a></p> <p>Strategies, standards, and supporting resources to make the Web accessible to people with disabilities.</p> </div> <div class="social" lang="en" dir="auto" translate="no"> <ul> <li><a href="https://w3c.social/@wai"><svg focusable="false" aria-hidden="true" class="icon-mastodon "><use xlink:href="/WAI/assets/images/icons.svg#icon-mastodon"></use></svg> Mastodon</a></li> <li><a href="https://www.linkedin.com/company/w3c-wai/"><svg focusable="false" aria-hidden="true" class="icon-linkedin "><use xlink:href="/WAI/assets/images/icons.svg#icon-linkedin"></use></svg> LinkedIn</a></li> <li><a href="https://www.w3.org/WAI/feed.xml"><svg focusable="false" aria-hidden="true" class="icon-rss "><use xlink:href="/WAI/assets/images/icons.svg#icon-rss"></use></svg> Feed</a></li> <li><a href="https://www.youtube.com/channel/UCU6ljj3m1fglIPjSjs2DpRA/playlists/"><svg focusable="false" aria-hidden="true" class="icon-youtube "><use xlink:href="/WAI/assets/images/icons.svg#icon-youtube"></use></svg> YouTube</a></li> <li><a href="https://www.w3.org/WAI/news/subscribe/" class="button">Get News in Email</a></li> </ul> </div> <div lang="en" dir="auto" translate="no"> <p>Copyright 漏 2024 World Wide Web Consortium (<a href="https://www.w3.org/">W3C</a><sup>庐</sup>). See <a href="/WAI/about/using-wai-material/">Permission to Use WAI Material</a>.</p> </div> </div> <div lang="en" dir="auto" translate="no" class="q4-start q4-end"> <ul style="margin-bottom:0"> <li><a href="/WAI/about/contacting/">Contact WAI</a></li> <li><a href="/WAI/sitemap/">Site Map</a></li> <li><a href="/WAI/news/">News</a></li> <li><a href="/WAI/sitemap/#archive">Archive</a></li> <li><a href="/WAI/about/accessibility-statement/">Accessibility Statement</a></li> <li><a href="/WAI/translations/"> Translations</a></li> <li><a href="/WAI/roles/">Resources for Roles</a></li> </ul> </div> </footer> <script src="/WAI/assets/scripts/details4everybody.js?1732542395990846989"></script>  <script src="/WAI/assets/scripts/svg4everybody.js?1732542395990846989"></script> <script> svg4everybody(); </script><script> var translationStrings = {}; </script> </body> </html>