Skip to Content
Main Content

Hiker Looking Out Over Mountains

4 Minute Read | March 8, 2023

WCAG 2.2 Is Coming!

What You Need to Know to Make Your Website Accessible to All

Updated: March 8, 2023; Aug. 17, 2022
Originally Published: July 25, 2022


What Are the Web Content Accessibility Guidelines (WCAG)?

WCAG is a global standard of specifications for web content accessibility. Many organizations use WCAG as a standard to benchmark accessibility across digital products, and website accessibility lawsuits regularly reference WCAG to highlight the impact of accessibility barriers.

Why Is WCAG Important?

In mid-March of 2022, the Department of Justice (DOJ) published and announced new guidance on web accessibility as it relates to the Americans with Disabilities Act (ADA). The guidance renewed DOJ’s consistent position that the ADA applies to web content for state and local governments and businesses open to the public.

DOJ cited Section 508 Standards and Web Content Accessibility Guidelines for web accessibility as existing technical standards for guidance. The DOJ documentation further stated: “Businesses and state and local governments have flexibility in how they comply with the ADA’s general requirements of nondiscrimination and effective communication. But they must comply with the ADA’s requirements.”

This guidance from the Justice Department, while newly announced, doesn’t change the nature of the work to be done. It provides plain-language explanations of the importance of web accessibility; common barriers to universal access; when the ADA requires web content to be accessible; and it offers tips for achieving compliance with web content.

A March 18, 2022 press release announcing the publication of the latest guidance shows that web accessibility is an enforcement priority for the Justice Department: “…(the guidance) reviews the department’s ongoing work to advance website accessibility for people with disabilities through statements of interest and enforcement matters. For example, the department recently entered into numerous settlements with businesses — including Hy-Vee, Inc.The Kroger Co.Meijer, Inc., and Rite Aid Corporation to ensure that websites for scheduling vaccine appointments are accessible.”

How Does WCAG Work?

WCAG outlines a series of “success criteria” to explain how to make web content more accessible to people with disabilities.

Details in WCAG 2.0 were first published in December of 2008. The WCAG 2.1 update followed in June of 2018. The way we display and interface with web pages changed dramatically in those 10 years, notably with the rise of responsive design and touch screens. The nature of how we use the web continues to advance, and so does WCAG.



WCAG 2.2 Updates Will Make Content More Usable for Everyone

We expect finalized publication of version 2.2 in 2023. The updates and additions will improve accessibility across newer device types and address a wider range of disabilities. These guidelines will make web content more usable by individuals whose abilities change due to aging. Many guidelines are likely to improve usability for all content consumers.

WCAG guidance has always sought to accommodate, among other issues:

  • blindness and low vision
  • deafness and hearing loss
  • limited movement
  • speech disabilities
  • photosensitivity
  • learning disabilities
  • cognitive limitations

The 2.2 standards focus on three major groups:

  • users with cognitive or learning disabilities
  • users with low vision
  • users with disabilities specific to mobile devices

What’s Changed and What’s New

Criterion 2.4.7 Focus Visible defines success as a visible indication of keyboard focus – allowing the user to visually differentiate the element receiving keyboard input. This criterion has changed from Level AA in WCAG 2.1 to Level A in WCAG 2.2 – making it even more important to implement.

Here’s an example of visible indication of keyboard focus from our Titan CMS website:

Example of keyboard focus from the Titan CMS website

New at Level A 

  • Accessible Authentication – This criterion recommends that websites offer alternatives for processes that test cognitive function, including puzzles, calculators, and support for password entry either manually or by copy/paste.
  • Offering Consistent Help via a contact mechanism, contact information, or self-help options.
  • Page Break Navigation – Links to specific content must function regardless of whether the current page is zoomed or otherwise manipulated. If, for example, the user is reading page 14 and the citation for a piece of information is elsewhere, the “See citation on page 37” link should work if the page has been translated, enlarged, etc.
  • Redundant Entry – Allowing previously entered information to be auto-populated or available for the user to select, to avoid re-entry of data.

New at Level AA

  • Offer an alternative for Dragging Movements.
  • Visible Controls – Do not require hover to engage controls.
  • Target Size (Minimum) and offset, to ease selection of items on a touch screen or to accommodate imprecise mobility.
  • Focus Appearance (Minimum) – When a user navigates to an element with the keyboard, the element receiving keyboard focus must have appropriate contrast level, minimum contrasting area, and so on.

New at Level AAA 

  • Focus Appearance (Enhanced) - When a user navigates to an element with the keyboard, the element receiving keyboard focus must have contrast levels, minimum contrasting area, and so on managed to a higher specification for Level AAA.

As with previous updates, the new criteria in WCAG 2.2 will be backward compatible. If your site previously met the WCAG 2.1 standard and that standard is a requirement for your organization, you’re in a good place. Your organization can now give designers, developers, and content creators the directive to aim for WCAG 2.2 conformance. Content that conforms to WCAG 2.2 will also conform to 2.1 and 2.0. So new development and updates on your site(s) can be future-proof at no loss in historic conformance.

If you need assistance determining whether your website meets current WCAG guidelines or would like to start planning for WCAG 2.2 compliance, don’t hesitate to contact us. We're happy to help!

Authored By

Sydney Shimko

Sydney Shimko

Front End Development Practice Lead

hand-drawn owl

Get Expert Tips

3967717/Blog/WCAG-2.2-Is-ComingWhat You Need to Know to Make Your Website Accessible to All4
<p><span class="h6">Updated: March 8, 2023; Aug. 17, 2022<br /> Originally Published: July 25, 2022</span></p> <h2><br /> What Are the Web Content Accessibility Guidelines (WCAG)?</h2> <p>WCAG is a global standard of specifications for web content accessibility. Many organizations use WCAG as a standard to benchmark accessibility across digital products, and website accessibility lawsuits regularly reference WCAG to highlight the impact of accessibility barriers.</p> <h2>Why Is WCAG Important?</h2> <p>In mid-March of 2022, the Department of Justice (DOJ) published and announced new guidance on web accessibility as it relates to the Americans with Disabilities Act (ADA). The guidance renewed DOJ&rsquo;s consistent position that the ADA applies to web content for state and local governments and <a href="https://beta.ada.gov/topics/intro-to-ada/#businesses-that-are-open-to-the-public" linktype="3" target="_blank">businesses open to the public</a>.</p> <p>DOJ cited <a href="https://www.access-board.gov/ict/" linktype="3" target="_blank">Section 508 Standards</a> and <a href="https://www.w3.org/wai/standards-guidelines/wcag/" linktype="3" target="_blank">Web Content Accessibility Guidelines</a> for web accessibility as existing technical standards for guidance. The <a href="https://beta.ada.gov/web-guidance/" linktype="3" target="_blank">DOJ documentation</a> further stated: &ldquo;Businesses and state and local governments have flexibility in how they comply with the ADA&rsquo;s general requirements of nondiscrimination and effective communication. But they must comply with the ADA&rsquo;s requirements.&rdquo;</p> <p>This guidance from the Justice Department, while newly announced, doesn&rsquo;t change the nature of the work to be done. It provides plain-language explanations of the importance of web accessibility; common barriers to universal access; when the ADA requires web content to be accessible; and it offers tips for achieving compliance with web content.</p> <p>A <a href="https://www.justice.gov/opa/pr/justice-department-issues-web-accessibility-guidance-under-americans-disabilities-act" linktype="3" target="_blank">March 18, 2022 press release</a> announcing the publication of the latest guidance shows that web accessibility is an enforcement priority for the Justice Department: &ldquo;&hellip;(the guidance) reviews the department&rsquo;s ongoing work to advance website accessibility for people with disabilities through statements of interest and enforcement matters. For example, the department recently entered into numerous settlements with businesses &mdash; including&nbsp;<a href="https://www.ada.gov/hy-vee_sa.pdf" linktype="3" target="_blank">Hy-Vee, Inc.</a>,&nbsp;<a href="https://www.ada.gov/kroger_co_sa.pdf" linktype="3" target="_blank">The Kroger Co.</a>,&nbsp;<a href="https://www.ada.gov/meijer_sa.pdf" linktype="3" target="_blank">Meijer, Inc.</a>, and&nbsp;<a href="https://www.ada.gov/rite_aid_sa.pdf" linktype="3" target="_blank">Rite Aid Corporation</a>&nbsp;to ensure that websites for scheduling vaccine appointments are accessible.&rdquo;</p> <h2>How Does WCAG Work?</h2> <p>WCAG outlines a series of &ldquo;success criteria&rdquo; to explain how to make web content more accessible to people with disabilities.</p> <p>Details in WCAG 2.0 were first published in December of 2008. The WCAG 2.1 update followed in June of 2018. The way we display and interface with web pages changed dramatically in those 10 years, notably with the rise of responsive design and touch screens. The nature of how we use the web continues to advance, and so does WCAG.</p> <hr /> <p><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="215" src="https://www.youtube.com/embed/Iz4jMSkjCHA?rel=0" title="Web Accessibility: The Four Categories of WCAG Guidelines" width="360"></iframe></p> <hr /> <h2>WCAG 2.2 Updates Will Make Content More Usable for Everyone</h2> <p>We expect finalized publication of version 2.2&nbsp;in 2023. The updates and additions will improve accessibility across newer device types and address a wider range of disabilities. These guidelines will make web content more usable by individuals whose abilities change due to aging. Many guidelines are likely to improve usability for all content consumers.</p> <h3>WCAG guidance has always sought to accommodate, among other issues:</h3> <ul> <li>blindness and low vision</li> <li>deafness and hearing loss</li> <li>limited movement</li> <li>speech disabilities</li> <li>photosensitivity</li> <li>learning disabilities</li> <li>cognitive limitations</li> </ul> <h3>The 2.2 standards focus on three major groups:</h3> <ul> <li>users with cognitive or learning disabilities</li> <li>users with low vision</li> <li>users with disabilities specific to mobile devices</li> </ul> <h2>What&rsquo;s Changed and What&rsquo;s New</h2> <p>Criterion 2.4.7 Focus Visible&nbsp;defines success as a visible indication of <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Keyboard" linktype="3" target="_blank">keyboard&nbsp;focus</a> &ndash; allowing the user to visually differentiate the element receiving keyboard input. This criterion has changed from Level AA in WCAG 2.1 to Level A in WCAG 2.2 &ndash; making it even more important to implement.</p> <p>Here&rsquo;s an example of visible indication of keyboard focus from our <a href="https://titancms.com" linktype="3" target="_blank">Titan CMS</a> website:</p> <p><img alt="Example of keyboard focus from the Titan CMS website" loading="lazy" src="/Northwoods-2020/Blogs/Titan-CMS-Key-Features-Keyboard-Focus-Example.jpg" /></p> <h3>New at Level A&nbsp;</h3> <ul> <li><a href="https://www.w3.org/TR/WCAG22/" linktype="3" target="_blank">Accessible Authentication</a> &ndash; This criterion recommends that websites offer alternatives for processes that test cognitive function, including puzzles, calculators, and support for password entry either manually or by copy/paste.</li> <li>Offering <a href="https://www.w3.org/TR/WCAG22/" linktype="3" target="_blank">Consistent Help</a>&nbsp;via a contact mechanism, contact information, or self-help options.</li> <li><a href="https://www.w3.org/TR/WCAG22/" linktype="3" target="_blank">Page Break Navigation</a> &ndash; Links to specific content must function regardless of whether the current page is zoomed or otherwise manipulated. If, for example, the user is reading page 14 and the citation for a piece of information is elsewhere, the &ldquo;See citation on page 37&rdquo; link should work if the page has been translated, enlarged, etc.</li> <li><a href="https://www.w3.org/TR/WCAG22/" linktype="3" target="_blank">Redundant Entry</a>&nbsp;&ndash; Allowing previously entered information to be auto-populated or available for the user to select, to avoid re-entry of data.</li> </ul> <h3 style="margin-top:3px"><span style="font-size:12pt"><span style="line-height:107%"><span style="font-family:&quot;Calibri Light&quot;,sans-serif"><span style="color:#1f3763"><span style="font-weight:normal"></span></span></span></span></span></h3> <h3>New at Level AA</h3> <ul> <li>Offer an alternative for <a href="https://www.w3.org/TR/WCAG22/" linktype="3" target="_blank">Dragging Movements</a>.</li> <li><a href="https://www.w3.org/TR/WCAG22/" linktype="3" target="_blank">Visible Controls</a> &ndash; Do not require hover to engage controls.</li> <li><a href="https://www.w3.org/TR/WCAG22/" linktype="3" target="_blank">Target Size (Minimum)</a> and offset, to ease selection of items on a touch screen or to accommodate imprecise mobility.</li> <li><a href="https://www.w3.org/TR/WCAG22/#focus-appearance-minimum" linktype="3" target="_blank">Focus Appearance (Minimum)</a> &ndash; When a user navigates to an element with the keyboard, the element receiving keyboard focus must have appropriate contrast level, minimum contrasting area, and so on.</li> </ul> <h3>New at Level AAA&nbsp;</h3> <ul> <li><a href="https://www.w3.org/TR/WCAG22/#focus-appearance-enhanced" linktype="3" target="_blank">Focus Appearance (Enhanced)</a> - When a user navigates to an element with the keyboard, the element receiving keyboard focus must have contrast levels, minimum contrasting area, and so on managed to a higher specification for Level AAA.</li> </ul> <p>As with previous updates, the new criteria in WCAG 2.2 will be backward compatible. If your site previously met the WCAG 2.1 standard and that standard is a requirement for your organization, you&rsquo;re in a good place. Your organization can now give designers, developers, and content creators the directive to aim for WCAG 2.2 conformance. Content that conforms to WCAG 2.2 will also conform to 2.1 and 2.0.&nbsp;So new development and updates on your site(s) can be future-proof at no loss in historic conformance.</p> <p><em>If you need assistance determining whether your website meets current WCAG guidelines or would like to start planning for WCAG 2.2 compliance, don&rsquo;t hesitate to <a href="/Contact-Us" linktype="2" target="_self">contact us</a>. We&#39;re happy to help!</em></p>
/Northwoods-2020/Hero-Images/Hiker-Looking-Out-Over-Mountains.pngHiker Looking Out Over MountainsWCAG 2.2 will improve #accessibility across newer device types, address a wider range of disabilities, and will make web content more usable by individuals whose abilities change due to aging. https://bit.ly/3RWhlJe @northwoods #WCAG #webaccessibilitySydney Shimko/Northwoods-2020/People/Sydney-Shimko.jpgWoman standing in front of a log cabin backgroundhttps://ctt.ac/7czeD<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script><script>hbspt.forms.create({ region: "na1", portalId: "23630176", formId: "40c5bbae-05a2-42ea-94dd-1662181fd56e" });</script>/Northwoods-2020/Blogs/Social-Media-Cards/WCAG-2.2-Is-Coming---Blog-Post.jpg?LargeWCAG 2.2 Is Coming!2023-03-08T00:00:00/Northwoods-2020/Blogs/Social-Media-Cards/WCAG-2.2-Is-Coming---Blog-Post.jpgFinal publication of the newest version of the Web Content Accessibility Guidelines, WCAG 2.2, is expected in 2023. Here's what you need to know about the updated standards to ensure your website is accessible to all.3622110/People/Sydney-ShimkoSydneyShimkoFront End Development Practice Lead<p>Sydney is a skilled UX developer who seamlessly blends the aesthetics of thoughtful design with responsive, semantic code. With a passion for delivering top-notch solutions, she negotiates constant change in the field of front end development and ensures functionality across an ever-growing variety of devices and screen sizes. Sydney is also Northwoods&rsquo; go-to web accessibility expert, and she strives to deliver creative, efficient solutions that improve usability for everyone. When not crafting exceptional websites, Sydney is an avid mountain biker, road cyclist, and coffee enthusiast and serves on the board of the WI Interscholastic Cycling League.</p>Sydney Shimko/Northwoods-2020/People/Sydney-Shimko.jpgSydney ShimkoAdd-In Type - NWS Data ModulesCategory - NWS Data ModulesCommittee - NWS Data ModulesDivision - NWS Data ModulesEvent Audience - NWS Data ModulesEvent Service - NWS Data ModulesEvent Type - NWS Data ModulesLocality - NWS Data ModulesModule - NWS Data ModulesPackage Type - NWS Data ModulesPersonID - NWS Data ModulesSydney ShimkoProductVersion - NWS Data ModulesRecorded Webinar TopicsRegion - NWS Data ModulesSite Display - NWS Data ModulesSkillLevel - NWS Data ModulesTopic - NWS Data ModulesVideoAudience - NWS Data ModulesVideoClassification - NWS Data ModulesVideoStatus - NWS Data ModulesTeamAll StaffDesignersDevelopersAdd-In Type - NWS Data ModulesCategory - NWS Data ModulesCommittee - NWS Data ModulesDivision - NWS Data ModulesEvent Audience - NWS Data ModulesEvent Service - NWS Data ModulesEvent Type - NWS Data ModulesLocality - NWS Data ModulesModule - NWS Data ModulesPackage Type - NWS Data ModulesPersonID - NWS Data ModulesSydney ShimkoProductVersion - NWS Data ModulesRecorded Webinar TopicsRegion - NWS Data ModulesSite Display - NWS Data ModulesNWS DigitalSkillLevel - NWS Data ModulesTopic - NWS Data ModulesAccessibilityVideoAudience - NWS Data ModulesVideoClassification - NWS Data ModulesVideoStatus - NWS Data Modules02024-03-15T14:20:12.18000