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?1732321439590790613"; document.body.appendChild(element); } window.addEventListener("load", downloadJSAtOnload, false); </script> <link rel="stylesheet" href="/WAI/assets/css/style.css?1732321439590790613"> <title> The WCAG 2 Documents | Web Accessibility Initiative (WAI) | W3C</title> <meta name="generator" content="Jekyll v4.3.3" /> <meta property="og:title" content="The WCAG 2 Documents" /> <meta name="author" content="W3C Web Accessibility Initiative (WAI)" /> <meta property="og:locale" content="en" /> <meta name="description" content="Describes Web Content Accessibility Guidelines (WCAG) 2 supporting documents and supplemental guidance." /> <meta property="og:description" content="Describes Web Content Accessibility Guidelines (WCAG) 2 supporting documents and supplemental guidance." /> <link rel="canonical" href="https://www.w3.org/WAI/standards-guidelines/wcag/docs/" /> <meta property="og:url" content="https://www.w3.org/WAI/standards-guidelines/wcag/docs/" /> <meta property="og:site_name" content="Web Accessibility Initiative (WAI)" /> <meta property="og:image" content="https://www.w3.org/WAI/content-images/wcag/general-social.jpg" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="twitter:image" content="https://www.w3.org/WAI/content-images/wcag/general-social.jpg" /> <meta property="twitter:title" content="The WCAG 2 Documents" /> <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":"Describes Web Content Accessibility Guidelines (WCAG) 2 supporting documents and supplemental guidance.","headline":"The WCAG 2 Documents","image":"https://www.w3.org/WAI/content-images/wcag/general-social.jpg","url":"https://www.w3.org/WAI/standards-guidelines/wcag/docs/"}</script>  <link rel="alternate" type="application/rss+xml" href="/WAI/feed.xml"> </head> <body id="top" class="page-the-wcag-2-documents "> <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/standards-guidelines/wcag/docs/pl" lang="pl" dir="auto" translate="no">polski</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/standards-guidelines/"><span>Standards/<wbr>Guidelines</span></a></li><li><a lang="en" href="/WAI/standards-guidelines/wcag/"><span>Web Content – WCAG 2</span></a></li><li><a lang="en" href="/WAI/standards-guidelines/wcag/docs/" aria-current="page"><span>The Documents</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/standards-guidelines/" class="page-link"><span>Standards/<wbr>Guidelines</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/" aria-current="location" class="page-link"><span>Web Content – WCAG 2</span></a><ul><li> <a lang="en" href="https://www.w3.org/WAI/WCAG21/quickref/" class="page-link"><span>How to Meet WCAG 2 (Quick Reference)</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/glance/" class="page-link"><span>At a Glance</span></a></li> <li> <a lang="en" href="/WAI/standards-guidelines/wcag/docs/" aria-current="page" class="page-link"><span>The Documents</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/non-web-ict/" class="page-link"><span>Applying to Non-Web ICT</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/new-in-22/" class="page-link"><span>New in 2.2</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/new-in-21/" class="page-link"><span>New in 2.1</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/translations/" class="page-link"><span>Translations</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/commenting/" class="page-link"><span>Commenting</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/conformance-logos/" class="page-link"><span>Conformance Logos</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/faq/" class="page-link"><span>FAQ</span></a></li></ul></li><li> <a lang="en" href="/WAI/standards-guidelines/wcag/wcag3-intro/" class="page-link"><span>WCAG 3 Draft</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/atag/" class="page-link"><span>Authoring Tool Accessibility Guidelines (ATAG) Overview</span></a><ul><li> <a lang="en" href="/WAI/standards-guidelines/atag/glance/" class="page-link"><span>At a Glance</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/atag/education/" class="page-link"><span>For LMS</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/atag/no-code/" class="page-link"><span>For No-Code Tools</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/atag/social-media/" class="page-link"><span>For Social Media Platforms</span></a></li></ul></li><li> <a lang="en" href="/WAI/standards-guidelines/uaag/" class="page-link"><span>User Agents – UAAG</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/aria/" class="page-link"><span>WAI-ARIA</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/evaluation/" class="page-link"><span>Evaluation – ACT & EARL</span></a><ul><li> <a lang="en" href="/WAI/standards-guidelines/act/" class="page-link"><span>Accessibility Conformance Testing – ACT</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/earl/" class="page-link"><span>Evaluation and Report Language – EARL</span></a></li></ul></li><li> <a lang="en" href="/WAI/adapt/" class="page-link"><span>WAI-Adapt</span></a></li><li> <a lang="en" href="/WAI/pronunciation/" class="page-link"><span>Pronunciation</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/harmonization/" class="page-link"><span>Standards Harmonization is Essential</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/w3c-process/" class="page-link"><span>W3C Process for Developing Standards</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/linking/" class="page-link"><span>Referencing and Linking to Standards</span></a></li><li> <a lang="en" href="/WAI/cognitive/" class="page-link"><span>Cognitive Accessibility at W3C</span></a></li><li> <a lang="en" href="/WAI/standards-guidelines/mobile/" class="page-link"><span>Mobile Accessibility at W3C</span></a></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/standards-guidelines/wcag/docs/pl" dir="auto" translate="no" lang="pl">polski</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> The WCAG 2 Documents </h1></header> <aside class="box box-full"><header class="box-h box-h-full"> <h2> Summary </h2></header><div class="box-i"> <p>This page describes WCAG 2 supporting documents and supplemental guidance. It helps you know where to go for which type of information.</p> </div></aside> <nav class="box box-simple box-simple" aria-labelledby="tocheading" id="toc"> <header id="tocheading" class="box-h box-h-simple box-h-simple"> Page Contents</header> <div class="box-i"> <ul id="markdown-toc"> <li><a href="#wcag-2-standard" id="markdown-toc-wcag-2-standard">WCAG 2 Standard</a></li> <li><a href="#quick-reference--how-to-meet-wcag-2--wcag-2-checklist" id="markdown-toc-quick-reference--how-to-meet-wcag-2--wcag-2-checklist">Quick Reference / How to Meet WCAG 2 / WCAG 2 Checklist</a></li> <li><a href="#supporting-documents" id="markdown-toc-supporting-documents">Supporting Documents</a> <ul> <li><a href="#understanding" id="markdown-toc-understanding">Understanding</a></li> <li><a href="#techniques" id="markdown-toc-techniques">Techniques</a></li> <li><a href="#accessibility-conformance-testing-act-rules" id="markdown-toc-accessibility-conformance-testing-act-rules">Accessibility Conformance Testing (ACT) Rules</a></li> </ul> </li> <li><a href="#supplement" id="markdown-toc-supplement">Supplemental Guidance</a></li> <li><a href="#additional-resources" id="markdown-toc-additional-resources">Additional Resources</a></li> <li><a href="#old-diagram" id="markdown-toc-old-diagram">Old Diagram</a></li> </ul> </div> </nav> <h2 id="wcag-2-standard">WCAG 2 Standard</h2> <p>Web Content Accessibility Guidelines (WCAG) 2 is a stable, referenceable technical standard. Learn more from the <a href="/WAI/standards-guidelines/wcag/">WCAG 2 Overview</a>.</p> <p>When developing web content and web tools, most people will use the documents introduced below, instead of the actual standard document.</p> <h2 id="quick-reference--how-to-meet-wcag-2--wcag-2-checklist">Quick Reference / How to Meet WCAG 2 / WCAG 2 Checklist</h2> <p><strong>A key resource for designers and developers using WCAG 2 is <a href="https://www.w3.org/WAI/WCAG22/quickref/">How to Meet WCAG 2 (Quick Reference): A customizable quick reference to WCAG 2 requirements (Success Criteria) and techniques</a>.</strong> It includes all the WCAG 2 guidelines and success criteria. It is essentially the WCAG 2 checklist.</p> <p>You can customize it so it shows what you are interested in at the time. There are “filters” for different roles, topics, and technologies (such as HTML, CSS, ARIA). And filters for <a href="https://www.w3.org/WAI/WCAG22/Understanding/conformance#levels">Level A, AA, or AAA success criteria</a>.</p> <h2 id="supporting-documents">Supporting Documents</h2> <p>The supporting documents directly relate to WCAG guidelines and success criteria. They are <strong>not required</strong> to meet WCAG; they are “informative” or “non-normative”.</p> <h3 id="understanding">Understanding</h3> <p><cite>Understanding WCAG</cite> is a guide to understanding and implementing WCAG. It has details for people who want to understand the guidelines and success criteria more thoroughly. It includes:</p> <ul> <li>the intent</li> <li>how it helps people with different disabilities</li> <li>browser and assistive technology support notes</li> <li>examples</li> <li>resources</li> </ul> <p>More:</p> <ul> <li><strong><a href="https://www.w3.org/WAI/WCAG22/Understanding/intro">About Understanding Documents</a></strong></li> <li><strong><a href="https://www.w3.org/WAI/WCAG22/Understanding/">2.2 Understanding Document List</a></strong></li> <li><a href="https://www.w3.org/WAI/WCAG21/Understanding/">2.1 Understanding Document List</a></li> <li><a href="https://www.w3.org/TR/UNDERSTANDING-WCAG20/">2.0 Understanding Document List</a></li> </ul> <h3 id="techniques">Techniques</h3> <p><cite>Techniques for WCAG</cite> give specific guidance <strong>for developers</strong> on how to develop accessible web content. It provides general and technology-specific examples, including for HTML, CSS, scripting, multimedia, and WAI-ARIA.</p> <ul> <li><strong>Sufficient techniques</strong> are examples of ways to meet success criteria. If you follow the sufficient techniques for the success criteria, then you meet the criteria.</li> <li><strong>Advisory techniques</strong> are suggested ways to improve accessibility. They are very helpful to some users, and may be the only way that some users can access some types of content.</li> <li><strong>Failures</strong> are things that cause accessibility barriers and fail specific success criteria.</li> </ul> <p>More:</p> <ul> <li><strong><a href="https://www.w3.org/WAI/WCAG22/Understanding/understanding-techniques">About Techniques</a></strong></li> <li><strong><a href="https://www.w3.org/WAI/WCAG22/Techniques/">2.2 Techniques List</a></strong></li> <li><a href="https://www.w3.org/WAI/WCAG21/Techniques/">2.1 Techniques List</a></li> <li><a href="https://www.w3.org/TR/WCAG20-TECHS/">2.0 Techniques List</a></li> </ul> <h3 id="accessibility-conformance-testing-act-rules">Accessibility Conformance Testing (ACT) Rules</h3> <p><cite>Accessibility Conformance Testing (ACT) Rules</cite> describe how to test conformance to WCAG success criteria. They are primarily for developing evaluation tools and test methodologies. (They are more robust than the tests in the techniques.)</p> <ul> <li><a href="/WAI/standards-guidelines/act/rules/about/">About WCAG 2 ACT Rules</a></li> <li><a href="/WAI/standards-guidelines/act/rules/">All WCAG 2 ACT Rules List</a></li> </ul> <h2 id="supplement">Supplemental Guidance</h2> <p>Supplemental guidance goes beyond the requirements of WCAG. It is <strong>not required</strong> to meet WCAG. Much of the guidance is essential for people with certain impairments, including cognitive and learning disabilities.</p> <ul> <li><strong><a href="/WAI/WCAG2/supplemental/about/">About Supplemental Guidance</a></strong></li> <li><strong><a href="/WAI/WCAG2/supplemental/">All Supplemental Guidance list</a></strong></li> </ul> <h2 id="additional-resources">Additional Resources</h2> <p><strong>Before you start working with WCAG</strong>, you probably want to read these resources:</p> <ul> <li><a href="/WAI/fundamentals/accessibility-intro/">Introduction to Web Accessibility</a></li> <li><a href="/WAI/fundamentals/accessibility-principles/">Accessibility Principles</a></li> <li><a href="/WAI/standards-guidelines/wcag/">WCAG 2 Overview</a></li> </ul> <p>Other resources cover specific topics, for example:</p> <ul> <li><a href="/WAI/tutorials/">Web Accessibility Tutorials</a> cover page structure, menus, images, tables, carousels, forms</li> <li><a href="/WAI/media/av/">Making Audio and Video Media Accessible</a> covers multimedia</li> </ul> <p>We encourage you to look around the W3C WAI website to find other information that you might be interested in reading or sharing with others.</p> <details id="diagram"><summary> <h2 id="old-diagram">Old Diagram</h2> </summary> <div> <p>The diagram below shows the different WCAG 2 documents for different purposes. It uses “WCAG 2.0” yet still applies for WCAG 2.1 and WCAG 2.2.</p> <p><img src="/WAI/content-images/wcag/wcag20docs.png" alt="" /></p> <p>Not included in the old diagram:</p> <ul> <li>ACT Rules</li> <li>Supplemental Guidance</li> </ul> <p><strong>Long description:</strong></p> <p>Four connected boxes:</p> <ul> <li>Top: <em>Customizable Quick Reference</em> ; <strong>How to Meet WCAG 2.0</strong> <ul> <li>Guidelines <ul> <li>Success Criteria <ul> <li>Techniques</li> </ul> </li> </ul> </li> </ul> </li> <li>Middle: <em>W3C Standard</em>. <strong>WCAG 2.0</strong> <ul> <li>Principles <ul> <li>Guidelines <ul> <li>Success Criteria</li> </ul> </li> </ul> </li> <li>Conformance</li> </ul> </li> <li>Left: <em>Instructions for Developers</em> ; <strong>Techniques for WCAG 2.0</strong> ; (HTML, CSS, scripting, …)_ <ul> <li>Browser and assistive technology support notes</li> <li>Examples, code</li> <li>Resources</li> <li>Test procedures</li> </ul> </li> <li>Right: <em>Detailed Reference</em> ; <strong>Understanding WCAG 2.0</strong> <ul> <li>Intent</li> <li>Benefits to people with disabilities</li> <li>Example scenarios</li> <li>Resources</li> <li>Techniques</li> </ul> </li> </ul> <p>Lines indicate links for users to get from one document to others:</p> <ul> <li>From the Quick Reference to the Standard, Techniques, Understanding</li> <li>From the Standard to the Quick Reference, Understanding</li> <li>From Techniques to Understanding</li> <li>From Understanding to the Standard, Techniques</li> </ul> </div> </details> <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/standards-guidelines/wcag/docs.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-wcag-intro&wai-url=https://www.w3.org/WAI/standards-guidelines/wcag/docs/" 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> 14 March 2024.<br /> First published July 2005.</p><p><strong>Editor:</strong> <a href="https://www.w3.org/People/Shawn/">Shawn Lawton Henry</a>. Contributors: <a href="https://www.w3.org/People/hidde/">Hidde de Vries</a> and <a href="https://www.w3.org/People/shadi/">Shadi Abou-Zahra</a>.</p> <p>Developed with input from the Education and Outreach Working Group (<a href="https://www.w3.org/WAI/about/groups/eowg/">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?1732321439590790613"></script>  <script src="/WAI/assets/scripts/svg4everybody.js?1732321439590790613"></script> <script> svg4everybody(); </script><script> var translationStrings = {}; </script> </body> </html>