Bootcamp

From idea to product, one lesson at a time. To submit your story: https://tinyurl.com/bootspub1

Follow publication

WCAG 2.2 Guidelines: What We Know So Far, New Features (with examples)

Cover image

What is WCAG?

The Web Content Accessibility Guidelines (WCAG) are a set of recommendations designed to make the Internet more accessible for people with disabilities.

These guidelines were created by the World Wide Web Consortium (W3C), an international organization that develops standards for the web. WCAG was first introduced in May 1999, (another reason why I plan to dedicate this month to writing about WCAG) and since then, it has gone through several updates. The current standard, WCAG 2.1, was implemented in June 2018. The de facto standard in the US — recognized (yet not set) by the DOJ, the courts, and advocates is the WCAG 2.0 A, AA. Version 2.1 emerged in 2018 and website owners are now being held to this standard. [1] Version 2.0 was built upon four principles of digital accessibility. According to these principles, digital content would need to be: Perceivable, Operable, Understandable, Robust. Each of these principles had respective success criteria to help ensure compliance. [2]

WCAG categories

WCAG 2.2 what we know pre-release

In 2018, WCAG 2.1 was introduced. Instead of a total revamp of the guidelines, it acted as a supplement to keep up with the fast-paced changes in technology. It added new success criteria to assist users in adhering to the four main categories. Began in August 2020, WCAG 2.2 was started to carry on the work of WCAG 2.1, focusing on making it easier for three main groups to access websites: people with learning difficulties, those with low vision, and individuals with disabilities using mobile devices. Although WCAG 2.2 hasn’t officially been released yet, the drafted success criteria have been available already.

WCAG 2.2 levels

WCAG 2.2 guidelines have three levels (Level A, AA, and AAA) based on their impact on design and meeting different needs:

  1. Level A — The easiest level, but provides limited accessibility.
  2. Level AA — The recommended level for most web content.
  3. Level AAA — The hardest level, not suggested for full compliance as it’s not always possible.
WCAG 2.2 levels

9 New Features of WCAG 2.2: What changes should be expected?

According to the official draft, 9 new success criteria have been added:

Additionally, Focus Visible has been moved from Level AA to Level A.

Let’s discuss each of these criterias and how it may come in handy.

2.4.11 Focus Appearance (Level AA) helps users with low vision who use a keyboard to navigate websites. It makes sure they can easily see where they are on the page. To follow this rule, you can add a thick border around the item they’re focusing on or change its background color.

2.4.12 & 2.4.13 Focus not obscured (Level AA & AAA) They ensure that important content is not hidden by other things on the page, like sticky headers or footers. This makes it easier for users to see what they’re focusing on.

2.5.7 Dragging (Level AA) helps users with limited motor skills by offering a single way to interact with things like sliders or drag-and-drop interfaces. For example, you can allow them to use arrow keys on the keyboard or onscreen arrow buttons.

Notion Kanban view

2.5.8 Target Size Minimum (Level AA) helps users with shaky hands or difficulty making precise movements. By adding space between buttons or other interactive elements, it’s less likely they’ll click the wrong thing. One way to do this is by making the target size at least 44 x 44 pixels.

such as the click of a cursor or the tap of a key — should be a minimum size of 24c24 pixels.

3.2.6 Consistent Help (Level A) ensures users can find help for completing tasks on a website, like contact details, a FAQ page, or a built-in chat option.

contact and live support examples

3.3.7 Accessible Authentication (Level AA) helps users quickly find controls they need to finish a process, like sending an email. Controls should always be visible, not just when they’re interacting with an element.

3.3.8 Accessible Authentication (Level A) helps users with cognitive issues log in and access content easily and securely. It doesn’t rely on remembering usernames or passwords or identifying images. Instead, it allows copying and pasting from password managers or device authentication.

image source: safetydetectives.com

3.3.9 Redundant Entry (Level A) helps users with short-term memory or cognitive issues by reducing the need to remember information from a previous step. For example, when filling out forms, they can confirm that billing and shipping addresses are the same.

3.3.9 Redundant Entry (Level A) example

Conclusion

In conclusion, WCAG guidelines help make the internet more friendly and accessible for everyone. As we wait for the release of WCAG 2.2, it’s important for designers and developers to learn about the current guidelines and understand how they make websites better for users. While making websites accessible can be challenging, we must remember that our main goal is to help all users. By learning and using these guidelines, we make sure that everyone has a fair chance to use and enjoy the internet.

Resources

Awad, N. (2023, February 24). What to Expect in the New WCAG 2.2. Accessibility.com. Retrieved May 2, 2023, from What to Expect in the New WCAG 2.2

Copyright © 2023 W3C®. This software or document includes material copied from or derived from [Web Content Accessibility Guidelines (WCAG) 2.2].

Bootcamp
Bootcamp

Published in Bootcamp

From idea to product, one lesson at a time. To submit your story: https://tinyurl.com/bootspub1

Elenee Ch
Elenee Ch

Written by Elenee Ch

Haya! 👋 Ene here! I’m spending my free time making illustrations, AI research and read about UX/UI.

Responses (1)

Write a response