{"id":85472,"date":"2018-06-11T22:00:00","date_gmt":"2018-06-12T03:00:00","guid":{"rendered":"https:\/\/allyant.com\/?p=85472"},"modified":"2025-08-27T13:06:31","modified_gmt":"2025-08-27T18:06:31","slug":"whats-in-wcag-2-1","status":"publish","type":"post","link":"https:\/\/allyant.com\/blog\/whats-in-wcag-2-1\/","title":{"rendered":"What\u2019s In WCAG 2.1?"},"content":{"rendered":"
\n
\"W3C<\/figure>\n<\/div>\n\n\n

The World Wide Web Consortium<\/a> (W3C) has published the latest update to the Web Content Accessibility Guidelines \u2013 WCAG 2.1.<\/a> Building off of the existing guidelines and principles found in WCAG 2.0, WCAG 2.1 adds additional guidance. These new guidelines improve web content accessibility. In addition, there is a specific emphasis on improving accessibility for people with cognitive or learning disabilities, low vision, and disabilities interacting with content on mobile devices. In this blog post, we\u2019ll provide a brief overview of WCAG 2.1 and point out some crucial facts about the changes.<\/p>\n\n\n\n

WCAG 2.0 vs. WCAG 2.1<\/h2>\n\n\n\n

WCAG 2.1 builds upon WCAG 2.0, a significant revision of the original WCAG 1.0 guidelines. WCAG 2.1 extends WCAG 2.0, adding 17 additional success criteria across the same four principles: Perceivable, Operable, Understandable, and Robust (POUR). WCAG 2.1 does not modify the existing WCAG 2.0 success criteria; it adds additional success criteria to support modern web technologies and accommodate a broader range of disabilities. The practical result is that content that conforms to WCAG 2.0 will continue to conform to all of the same success criteria in WCAG 2.1. Therefore, content that meets WCAG 2.0 needs only to be checked against the 17 new success criteria to determine if it conforms to WCAG 2.1 as well.<\/p>\n\n\n\n

To ensure backward compatibility with WCAG 2.0 and help prevent confusion, WCAG 2.1 appends all-new success criteria to each guideline. The benefit of this is that no success criteria from WCAG 2.0 is rearranged, and no new success criteria from WCAG 2.1 has been placed between them \u2013 ensuring that the numbering for WCAG 2.0 success criteria remains the same in WCAG 2.1. For example, a new success criterion for guideline 1.3, \u201cAdaptable\u201d was introduced in WCAG 2.1. This new criterion, 1.3.4 \u201cOrientation\u201d was added after the existing guideline 1.3 criteria, meaning WCAG 2.0 criteria such as 1.3.1 \u201cInfo and Relationships\u201d or 1.3.2 \u201cMeaningful Sequence\u201d remain unaffected.<\/p>\n\n\n\n

One side effect of appending the new WCAG 2.1 success criteria after the existing WCAG 2.0 criteria is that the success criteria are no longer in order based on their WCAG conformance level. For example, in WCAG 2.0 guideline 1.4 success criteria 1.4.1-1.4.2 were level A, 1.4.3-1.4.5 were level AA, and 1.4.6-1.4.9 were level AAA. While these existing criteria remain the same in WCAG 2.1, the new guideline 1.4 success criteria, 1.4.10-1.4.13 are level AA. Therefore, it is essential to verify the level specified in the success criteria as there is no longer a correlation between the numbering of the success criteria and its WCAG conformance level.<\/p>\n\n\n\n

The New WCAG 2.1 Criteria<\/h2>\n\n\n\n

The following list contains the 17 new success criteria introduced in WCAG 2.1, including the new success criteria number, the title of the success criteria, and the WCAG 2.1 conformance level for the new criteria.<\/p>\n\n\n\n

    \n
  • 1.3.4\u201d Orientation\u201d (AA)<\/li>\n\n\n\n
  • 1.3.5 \u201cIdentify Input Purpose\u201d (AA)<\/li>\n\n\n\n
  • 1.3.6 \u201cIdentify Purpose\u201d (AAA)<\/li>\n\n\n\n
  • 1.4.10 \u201cReflow\u201d (AA)<\/li>\n\n\n\n
  • 1.4.11 \u201cNon-Text Contrast\u201d (AA)<\/li>\n\n\n\n
  • 1.4.12 \u201cText Spacing\u201d (AA)<\/li>\n\n\n\n
  • 1.4.13 \u201cContent on Hover or Focus\u201d (AA)<\/li>\n\n\n\n
  • 2.1.4 \u201cCharacter Key Shortcuts\u201d (A)<\/li>\n\n\n\n
  • 2.2.6 \u201cTimeouts\u201d (AAA)<\/li>\n\n\n\n
  • 2.3.3 \u201cAnimation from Interactions\u201d (AAA)<\/li>\n\n\n\n
  • 2.5.1 \u201cPointer Gestures\u201d (A)<\/li>\n\n\n\n
  • 2.5.2 \u201cPointer Cancellation\u201d (A)<\/li>\n\n\n\n
  • 2.5.3 \u201cLabel in Name\u201d (A)<\/li>\n\n\n\n
  • 2.5.4 \u201cMotion Actuation\u201d (A)<\/li>\n\n\n\n
  • 2.5.5 \u201cTarget Size\u201d (AAA)<\/li>\n\n\n\n
  • 2.5.6 \u201cConcurrent Input Mechanisms\u201d (AAA)<\/li>\n\n\n\n
  • 4.1.3 \u201cStatus Messages\u201d (AA)<\/li>\n<\/ul>\n\n\n\n

    We\u2019ll go into each of these new success criteria in greater detail in subsequent posts on this blog, so stay tuned!<\/p>\n\n\n\n

    When to start using WCAG 2.1<\/h2>\n\n\n\n

    Here at Accessible360, we believe the time to start using WCAG 2.1 is now. By incorporating WCAG 2.1 into your development process, you\u2019ll help ensure your web content is accessible to a broader array of users than would be achieved using WCAG 2.0. Using WCAG 2.1 now also helps future-proof your content when agencies and the courts begin to refer to these updated guidelines. In addition, if you are already under a mandate to comply with WCAG 2.0, you can fulfill this mandate by conforming to WCAG 2.1 as it is fully backward-compatible.<\/p>\n","protected":false},"excerpt":{"rendered":"

    The World Wide Web Consortium (W3C) has published the latest update to the Web Content Accessibility Guidelines \u2013 WCAG 2.1. Building off of the existing guidelines and principles found in WCAG 2.0, WCAG […]<\/p>\n","protected":false},"author":19,"featured_media":85473,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14],"tags":[47,48],"class_list":["post-85472","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-wcag","tag-wcag-2-1"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t