$TITLE$ | Web Accessibility Initiative (WAI)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <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?1529058420027996000"; document.body.appendChild(element); } window.addEventListener("load", downloadJSAtOnload, false); </script> <link rel="stylesheet" href="/WAI/assets/css/style.css?1529058420027996000" /> <meta name="author" content="w3c_wai" /> <meta property="og:locale" content="en_US" /> <meta name="description" content="The Website of the World Wide Web Consortium抯 Web Accessibility Initiative." /> <meta property="og:description" content="The Website of the World Wide Web Consortium抯 Web Accessibility Initiative." /> <link rel="alternate" type="application/rss+xml" href="/WAI/feed.xml" /> <link rel="stylesheet" type="text/css" href="../../WCAG21/implementation-report/cr.css" /> <title>WCAG 2.2 Implementation Report</title> </head> <body> <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"> <a href="/WAI/translations/">All Translations <svg aria-hidden="true" class="icon-translations "><use xlink:href="/WAI/assets/images/icons.svg#icon-translations"></use></svg></a> </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 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"> <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 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"><ul><li> <a href="/WAI/fundamentals/accessibility-intro/"><span>Accessibility Fundamentals</span></a> </li><li> <a href="/WAI/planning/"><span>Planning & Policies</span></a> </li><li> <a href="/WAI/design-develop/"><span>Design & Develop</span></a> </li><li> <a href="/WAI/test-evaluate/"><span>Test & Evaluate</span></a> </li><li> <a href="/WAI/teach-advocate/"><span>Teach & Advocate</span></a> </li><li> <a href="/WAI/standards-guidelines/"><span>Standards/<wbr>Guidelines</span></a> </li></ul></nav><nav class="breadcrumb default-grid" aria-label="Breadcrumb"> <ul class="default-container"> <li><a href="/WAI/">Home</a></li> <li> <a href="/WAI/about/">About W3C WAI</a> </li><li> <a href="/WAI/about/groups/">WAI Working Groups and Interest Groups</a> </li><li> <a aria-current="page" href="/WAI/GL/">Accessibility Guidelines (AG) WG</a> </li></ul> </nav> <div class="default-grid with-gap leftcol"> <nav class="sidenav sn-contents" aria-label="Other Pages in this Resource"> <div class="sidenav--head"><div class="sidenav--head-title"><div class="sidenav--head-subsection">AG WG</div> </div> </div> <ul class="sidenav--list"> <li><a class="page-link" href="/WAI/GL/charter">Charter</a></li><li><a class="page-link" href="/WAI/GL/task-forces/">Task Forces</a></li><li><a class="page-link" href="/WAI/GL/decision-policy">Decision Policy</a></li><li><a class="page-link" href="/WAI/GL/project">Deliverables and Status</a></li><li><a class="page-link" href="/WAI/GL/communication">Communication</a></li><li><a class="page-link" href="/WAI/GL/participation">How to Participate (Join)</a></li><li><a class="page-link" href="https://www.w3.org/2000/09/dbwg/details?group=35422&public=1">Current Participants</a></li> </ul> </nav> <main id="main" class="tight-page"> <h1>WCAG 2.2 Implementation Report</h1> <p>This is the implementation report for the <a href="https://www.w3.org/TR/2018/CR-WCAG21-20180130/">Web Content Accessibility Guidelines (WCAG) 2.2</a> Candidate Recommendation. This report was prepared during the Candidate Recommendation of the guidelines, when implementability was tested by finding sites that meet the requirements, and evaluating to ensure they conform. Some sites were used to demonstrate implementation of specific success criteria only, while others were used to demonstrate implementation of full conformance at levels AA and AAA. Much more substantial testing was described in the <a href="https://www.w3.org/WAI/GL/WCAG20/implementation-report/">WCAG 2.0 Implementation Report</a>; only new and changed features were tested for WCAG 2.2. This implementation report demonstrates how the <a href="https://www.w3.org/TR/2018/CR-WCAG21-20180130/#exit-criteria">Candidate Recommendation Exit Criteria</a> were met.</p>  <section id="sc"> <h2>Success Criteria</h2> <p>The following table lists the new success criterion in WCAG 2.2. The data is taken from the set of sites that were chosen to be included in this report. "Implementations" is the number of sites that actively implemented the success criterion. Each number links to a page providing the data behind that number. Only documentation that there are at least two active implementations of each success criterion is required to exit Candidate Recommendation. </p> <table> <thead> <tr> <th scope="col">Success Criterion</th> <th scope="col">Level</th> <th scope="col" title="Number of sites that actively implemented the success criterion">Implementations </th> </tr> </thead> <tbody> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance">2.4.11: Focus Appearance</a></th> <td>AA</td> <td><a href="implementation_list?unit=focus-appearance&category=sc">4</a></td> </tr> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-minimum">2.4.12: Focus Not Obscured (Minimum)</a></th> <td>AA</td> <td><a href="implementation_list?unit=focus-not-obscured-minimum&category=sc">4</a></td> </tr> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/focus-not-obscured-enhanced">2.4.13: Focus Not Obscured (Enhanced)</a></th> <td>AAA</td> <td><a href="implementation_list?unit=focus-not-obscured-enhanced&category=sc">4</a></td> </tr> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements">2.5.7: Dragging Movements</a></th> <td>AA</td> <td><a href="implementation_list?unit=dragging-movements&category=sc">3</a></td> </tr> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum">2.5.8: Target Size (Minimum)</a></th> <td>AA</td> <td><a href="implementation_list?unit=target-size-minimum&category=sc">3</a></td> </tr> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/consistent-help">3.2.6: Consistent Help</a></th> <td>A</td> <td><a href="implementation_list?unit=consistent-help&category=sc">4</a></td> </tr> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/accessible-authentication">3.3.7: Accessible Authentication</a></th> <td>AA</td> <td><a href="implementation_list?unit=accessible-authentication&category=sc">3</a></td> </tr> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/accessible-authentication-no-exception">3.3.8: Accessible Authentication (No Exception)</a></th> <td>AAA</td> <td><a href="implementation_list?unit=accessible-authentication-no-exception&category=sc">3</a></td> </tr> <tr> <th scope="row"><a href="https://www.w3.org/WAI/WCAG22/Understanding/redundant-entry">3.3.9: Redundant Entry</a></th> <td>A</td> <td><a href="implementation_list?unit=redundant-entry&category=sc">2</a></td> </tr> </tbody> </table> </section> <section id="level"> <h2>Conformance Levels</h2> <p>The following table lists information about the three conformance levels in WCAG 2.2: A, AA, and AAA. To meet a given conformance level, a site must satisfy all the success criteria at that level. A success criterion is satisfied by being actively implemented with sufficient techniques, or by virtue of being not applicable to the content of the site. The converse is also true, that there must be no failures of the success criterion requirements on the site.</p> <p>To exit Candidate Recommendation, there must be documentation of eight implementations that conform to AA, and two that conform to AAA. Because AA sites also meet level A, separate documentation for that conformance level was not collected. </p> <table> <thead> <tr> <th scope="col">Conformance Level</th> <th scope="col" title="Number of implementations the WCAG WG has accepted as an implementation of this conformance level">Sites that meet level </th> </tr> </thead> <tbody> <tr> <td>AA</td> <td><a href="implementation_list?category=level&unit=AA">7</a></td> </tr> <tr> <td>AAA</td> <td><a href="implementation_list?category=level&unit=AAA">5</a></td> </tr> </tbody> </table> </section> <a class="button button-backtotop" href="#top"><span><svg 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 class="site-footer grid-4q"> <div class="q1-start q3-end about"> <div> <p><a class="largelink" href="https://w3.org/WAI/">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> <p><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> 漏 2022 <a href="https://www.w3.org/">World Wide Web Consortium</a>.</p> </div> </div> <div class="q4-start q4-end"> <ul> <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/roles/">Resources for Roles</a></li> </ul> </div> </footer> <script src="/WAI/assets/scripts/details4everybody.js?1529058420027996000"></script>  <script src="/WAI/assets/scripts/svg4everybody.js?1529058420027996000"></script> <script> svg4everybody(); </script>  <script> var _paq = _paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDoNotTrack", true]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//www.w3.org/analytics/piwik/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '328']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script> <noscript><p><img src="//www.w3.org/analytics/piwik/piwik.php?idsite=328&rec=1" style="border:0;" alt="" /></p></noscript>  </body> </html>

CINXE.COM

$TITLE$ | Web Accessibility Initiative (WAI) | W3C