{"id":294,"date":"2023-10-20T13:00:00","date_gmt":"2023-10-20T13:00:00","guid":{"rendered":"http:\/\/suimy.me\/?p=294"},"modified":"2024-05-01T17:01:43","modified_gmt":"2024-05-01T17:01:43","slug":"a-roundup-of-wcag-2-2-explainers","status":"publish","type":"post","link":"http:\/\/suimy.me\/index.php\/2023\/10\/20\/a-roundup-of-wcag-2-2-explainers\/","title":{"rendered":"A Roundup Of WCAG 2.2 Explainers"},"content":{"rendered":"<p>              <title>A Roundup Of WCAG 2.2 Explainers<\/title><\/p>\n<article>\n<header>\n<h1>A Roundup Of WCAG 2.2 Explainers<\/h1>\n<address>Geoff Graham<\/address>\n<p>                  2023-10-20T13:00:00+00:00<br \/>\n                  2024-05-01T16:05:07+00:00<br \/>\n                <\/header>\n<p>WCAG 2.2 is officially the latest version of the Web Content Accessibility Guidelines now that <a href=\"https:\/\/www.w3.org\/WAI\/news\/2023-10-05\/wcag22rec\/\">it has become a \u201cW3C Recommended\u201d web standard<\/a> as of October 5.<\/p>\n<p>The changes between WCAG 2.1 and 2.2 are nicely summed up in <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/new-in-22\/\">\u201cWhat\u2019s New in WCAG 2.2\u201d<\/a>:<\/p>\n<blockquote><p>\u201cWCAG 2.2 provides 9 additional success criteria since WCAG 2.1. [&#8230;] The 2.0 and 2.1 success criteria are essentially the same in 2.2, with one exception: 4.1.1 Parsing is obsolete and removed from WCAG 2.2.\u201d<\/p><\/blockquote>\n<p>This article is not a deep look at the changes, what they mean, and how to conform to them. Plenty of other people have done a wonderful job of that already. So, rather than add to the pile, let\u2019s round up what has already been written and learn from those who keep a close pulse on the WCAG beat.<\/p>\n<p>There are countless articles and posts about WCAG 2.2 written ahead of the formal W3C recommendation. The following links were selected because they were either published or updated <em>after<\/em> the announcement and reflect the most current information at the time of this writing. It\u2019s also worth mentioning that we\u2019re providing these links purely for reference \u2014 by no means are they sponsored, nor do they endorse a particular person, company, or product.<\/p>\n<p>The best place for information on WCAG standards will always be <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/\">the guidelines<\/a> themselves, but we hope you enjoy what others are saying about them as well.<\/p>\n<h4 id=\"hidde-de-vries-what-s-new-in-wcag-2-2\">Hidde de Vries: What\u2019s New In WCAG 2.2?<\/h4>\n<p>Hidde is a former W3C staffer, and he originally published <a href=\"https:\/\/hidde.blog\/new-in-wcag22\/\">this WCAG 2.2 overview<\/a> last year when a draft of the guidelines was released, updating his post immediately when the guidelines became a recommendation.<\/p>\n<h4 id=\"patrick-lauke-what-s-new-in-wcag-2-2\">Patrick Lauke: What\u2019s New In WCAG 2.2<\/h4>\n<p>Patrick is a current WCAG member and contributor, also serving as Principal Accessibility Specialist at TetraLogical, which itself is also a W3C member.<\/p>\n<p><a href=\"https:\/\/tetralogical.com\/blog\/2023\/10\/05\/whats-new-wcag-2.2\/\">This overview goes deeper than most<\/a>, reporting not only what is new in WCAG 2.2 but how to conform to those standards, including specific examples with excellent visuals.<\/p>\n<h4 id=\"james-edwards-new-success-criteria-in-wcag-2-2\">James Edwards: New Success Criteria In WCAG 2.2<\/h4>\n<p>James is a seasoned accessibility consultant with TPGi, a provider of end-to-end accessibility services and products.<\/p>\n<p>Like Patrick, James gets into <a href=\"https:\/\/www.tpgi.com\/new-success-criteria-in-wcag22\/\">thorough and detailed information about WCAG 2.2<\/a> and how to meet the updated standards. Watch for little asides strewn throughout the post that provide even further context on why the changes were needed and how they were developed.<\/p>\n<div data-audience=\"non-subscriber\" data-remove=\"true\" class=\"feature-panel-container\">\n<aside class=\"feature-panel\">\n<div class=\"feature-panel-left-col\">\n<div class=\"feature-panel-description\">\n<p>Meet <strong><a data-instant href=\"\/printed-books\/typescript-in-50-lessons\/\">\u201cTypeScript in 50 Lessons\u201d<\/a><\/strong>, our shiny new guide to TypeScript. With detailed <strong>code walkthroughs<\/strong>, hands-on examples and common gotchas. For developers who know enough <strong>JavaScript<\/strong> to be dangerous.<\/p>\n<p><a data-instant href=\"\/printed-books\/typescript-in-50-lessons\/\" class=\"btn btn--green btn--large\">Jump to table of contents\u00a0\u21ac<\/a><\/div>\n<\/div>\n<div class=\"feature-panel-right-col\"><a data-instant href=\"\/printed-books\/typescript-in-50-lessons\/\" class=\"feature-panel-image-link\"><\/p>\n<div class=\"feature-panel-image\">\n<img loading=\"lazy\" class=\"feature-panel-image-img lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Feature Panel\" width=\"481\" height=\"698\" data-src=\"https:\/\/archive.smashing.media\/assets\/344dbf88-fdf9-42bb-adb4-46f01eedd629\/c2f2c6d6-4e85-449a-99f5-58bd053bc846\/typescript-shop-cover-opt.png\"><\/p>\n<\/div>\n<p><\/a>\n<\/div>\n<\/aside>\n<\/div>\n<h4 id=\"gov-uk-understanding-wcag-2-2\">GOV.UK: Understanding WCAG 2.2<\/h4>\n<p>It\u2019s always interesting to see how large organizations approach standards, and governments are no exception because they have a mandate to meet accessibility requirements. GOV.UK published <a href=\"https:\/\/www.gov.uk\/service-manual\/helping-people-to-use-your-service\/understanding-wcag\">an addendum on WCAG 2.2 updates to its Service Manual<\/a>.<\/p>\n<p>Notice how the emphasis is on the impact the new guidelines have on specific impairments, as well as ample examples of what it looks like to meet the standards. Equally impressive is the documented measured approach GOV.UK takes, including a goal to be fully compliant by October 2024 while maintaining WCAG 2.1 AA compliance in the meantime.<\/p>\n<h4 id=\"deque-systems-deque-systems-welcomes-and-announces-support-for-wcag-2-2\">Deque Systems: Deque Systems Welcomes and Announces Support for WCAG 2.2<\/h4>\n<p>Despite being more of a press release, <a href=\"https:\/\/www.deque.com\/blog\/deque-systems-welcomes-and-announces-support-for-wcag-2-2\/\">this brief overview<\/a> has a nice clean table that outlines the new standards and how they align with those who stand to benefit most from them.<\/p>\n<h4 id=\"kate-kalcevich-wcag-2-2-what-changes-for-websites-and-how-does-it-impact-users\">Kate Kalcevich: WCAG 2.2: What Changes for Websites and How Does It Impact Users?<\/h4>\n<p>Kate really <a href=\"https:\/\/makeitfable.com\/article\/wcag-2-2\/\">digs into the benefits that users get with WCAG 2.2 compliance<\/a>. Photos of Kate\u2019s colleague, Samuel Proulx, don\u2019t provide new context but are a nice touch for remembering that the updated guidelines are designed to help real people, a point that is emphasized in the conclusion:<\/p>\n<blockquote><p>\u201c[W]hen thinking about accessibility beyond compliance, it becomes clear that the latest W3C guidelines are just variations on a theme. The theme is removing barriers and making access possible for everyone.\u201d<br \/>\u2014 Kate Kalcevich<\/p><\/blockquote>\n<h4 id=\"level-access-wcag-2-2-aa-summary-and-checklist-for-website-owners\">Level Access: WCAG 2.2 AA Summary and Checklist for Website Owners<\/h4>\n<p>Finally, we\u2019ve reached the first checklist! That may be in name only, as this is less of a checklist of tasks than it is a <a href=\"https:\/\/www.levelaccess.com\/blog\/wcag-22-aa-summary-and-checklist-for-website-owners\/\">high-level overview of the latest changes<\/a>. There is, however, a link to download \u201cthe must-have WCAG checklist,\u201d but you will need to hand over your name and email address in exchange.<\/p>\n<h4 id=\"chris-pycroft-wcag-2-2-is-here\">Chris Pycroft: WCAG 2.2 Is Here<\/h4>\n<p>While <a href=\"https:\/\/intopia.digital\/articles\/wcag-2-2-is-here\/\">this is more of an announcement<\/a> than a guide, there is plenty of useful information in there. The reason I\u2019m linking it up is the \u201cWCAG 2.2 Map\u201d PDF that Chris includes in it. It\u2019d be great if there was a web version of it, but I\u2019ll take it either way! The map neatly outlines the success criteria by branching them off the four core WCAG principles.<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/roundup-wcag-explainers\/intopia-wcag-22-map-preview.png\"><\/p>\n<p>    <img loading=\"lazy\" width=\"800\" height=\"610\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Top portion of Intopia\u2019s the WCAG 2.2 map\" class=\"lazyload\" data-src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/roundup-wcag-explainers\/intopia-wcag-22-map-preview.png\"><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Top portion of Intopia\u2019s the WCAG 2.2 map. (<a href=\"https:\/\/files.smashing.media\/articles\/roundup-wcag-explainers\/intopia-wcag-22-map-preview.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<div class=\"partners__lead-place\"><\/div>\n<h4 id=\"shira-blank-and-joshua-stein-after-more-than-a-year-of-delays-it-is-time-to-officially-welcome-wcag-2-2\">Shira Blank and Joshua Stein: After More Than a Year of Delays, It Is Time to Officially Welcome WCAG 2.2<\/h4>\n<p>This is a <a href=\"https:\/\/www.workforcebulletin.com\/they-finally-hit-refresh-after-more-than-a-year-of-delays-it-is-time-to-officially-welcome-wcag-2-2\">nice overview<\/a>. Nothing more, nothing less. It does include a note that WCAG 2.2 is slated to be the last WCAG 2 update between now and WCAG 3, which <a href=\"https:\/\/www.w3.org\/WAI\/GL\/task-forces\/silver\/wiki\/Main_Page\">apparently is codenamed \u201cSilver\u201d<\/a>? <em>Nice.<\/em><\/p>\n<h4 id=\"nathan-schmidt-demystifying-wcag-2-2\">Nathan Schmidt: Demystifying WCAG 2.2<\/h4>\n<p>True to its title, <a href=\"https:\/\/www.viget.com\/articles\/demystifying-wcag-2-2\/\">this overview nicely explains WCAG 2.2 updates<\/a> devoid of complex technical jargon. What makes it worth including in this collection, however, are the visuals that help drive home the points.<\/p>\n<h4 id=\"craig-abbott-wcag-2-2-and-what-it-means-for-you\">Craig Abbott: WCAG 2.2 And What It Means For You<\/h4>\n<p><a href=\"https:\/\/www.craigabbott.co.uk\/blog\/wcag-22-and-what-it-means-for-you\/\">Craig\u2019s write-up<\/a> is a lot like the others in that it\u2019s a high-level overview of changes paired with advice for complying with them. But Craig has a knack for discussing the changes in a way that\u2019s super approachable and even reads like a friendly conversation. There are personal anecdotes peppered throughout the post, including Craig\u2019s own views of the standards themselves.<\/p>\n<blockquote><p>\u201cI personally feel like the new criteria for Focus Appearance could have been braver and removed some of the ambiguity around what is already often an accessibility issue.\u201d<br \/>\u2014 Craig Abbott<\/p><\/blockquote>\n<h4 id=\"dennis-lembr\u00e9e-wcag-2-2-checklist-with-filter-and-links\">Dennis Lembr\u00e9e: WCAG 2.2 Checklist With Filter And Links<\/h4>\n<p>Dennis published a quick post on his Web Axe blog reporting on WCAG 2.2, but it\u2019s <a href=\"https:\/\/codepen.io\/weboverhauls\/full\/zYvopYE\">this CodePen demo he put together that\u2019s the real gem<\/a>.<\/p>\n<figure class=\"break-out\">\n<p data-height=\"480\" data-theme-id=\"light\" data-slug-hash=\"MWLgQzm\" data-user=\"smashingmag\" data-default-tab=\"result\" class=\"codepen\">See the Pen [WCAG 2.2 Checklist with Filter and Links [forked]](https:\/\/codepen.io\/smashingmag\/pen\/MWLgQzm) by <a href=\"https:\/\/codepen.io\/weboverhauls\">Web Overhauls<\/a>.<\/p><figcaption>See the Pen <a href=\"https:\/\/codepen.io\/smashingmag\/pen\/MWLgQzm\">WCAG 2.2 Checklist with Filter and Links [forked]<\/a> by <a href=\"https:\/\/codepen.io\/weboverhauls\">Web Overhauls<\/a>.<\/figcaption><\/figure>\n<p>It\u2019s a legit checklist of WCAG 2.0 requirements you can filter by release, including the new WCAG 2.2 changes and which chapter of the specifications they align to.<\/p>\n<h4 id=\"jason-taylor-wcag-2-2-is-here-what-it-means-for-your-business\">Jason Taylor: WCAG 2.2 Is Here! What It Means For Your Business<\/h4>\n<p>Yet another explainer, <a href=\"https:\/\/blog.usablenet.com\/wcag-2.2\">this time from Jason Taylor at UsableNet<\/a>. You\u2019ll find a lot of cross-over between this and the others in this roundup, but it\u2019s always good to read about the changes with someone else\u2019s words and perspectives.<\/p>\n<div class=\"partners__lead-place\"><\/div>\n<h2 id=\"wrapping-up\">Wrapping Up<\/h2>\n<p>There are many, many WCAG 2.2 explainers floating around \u2014 many more than what\u2019s included in this little roundup. The number of changes introduced in the updated guidelines is surprisingly small, considering WCAG 2.1 was adopted in 2018, but that doesn\u2019t make them any less impactful. So, yes, you\u2019re going to see plenty of overlapping information between explainers. The nuances between them, though, are what makes them valuable, and each one has something worth taking with you.<\/p>\n<p>And we\u2019re likely to see even more explainers pop up! If you know of one that really should be included in this roundup, please do link it up in the comments to share with the rest of us.<\/p>\n<div class=\"signature\">\n  <img src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"Smashing Editorial\" width=\"35\" height=\"46\" loading=\"lazy\" class=\"lazyload\" data-src=\"https:\/\/www.smashingmagazine.com\/images\/logo\/logo--red.png\"><br \/>\n  <span>(yk)<\/span>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>A Roundup Of WCAG 2.2 Explainers A Roundup Of WCAG 2.2 Explainers Geoff Graham 2023-10-20T13:00:00+00:00 2024-05-01T16:05:07+00:00 WCAG 2.2 is officially [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[12],"tags":[],"_links":{"self":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/294"}],"collection":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/comments?post=294"}],"version-history":[{"count":1,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/294\/revisions"}],"predecessor-version":[{"id":295,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/posts\/294\/revisions\/295"}],"wp:attachment":[{"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/media?parent=294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/categories?post=294"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/suimy.me\/index.php\/wp-json\/wp\/v2\/tags?post=294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}