0Pricing
Web Accessibility Academy · Lesson

Dragging Movements and Accessible Authentication

Meet the 2.2 rules for gestures and logins.

Dragging Movements and Accessible Authentication is a free Web Accessibility Academy lesson on CoddyKit — lesson 3 of 4. You can read the complete lesson below for free — then practise it hands-on in the browser with a built-in code editor and a 24/7 AI tutor. It is part of the Web Accessibility Academy learning path, one of 4 lessons in the course, and your progress syncs across the web and the CoddyKit app.

Two More 2.2 Rules

WCAG 2.2 also tackles two everyday pain points: drag-only interactions and logins that demand memory or puzzles. Both block real users.

Dragging Movements: 2.5.7

Criterion 2.5.7 (Dragging Movements) at AA says any drag action must also work with a single pointer, like a tap or click.

Why Drag-Only Fails

People using a head pointer, switch, or with limited motor control often cannot drag. A drag-only slider or kanban board locks them out.

Offer a Click Alternative

For a reorder list, add up and down buttons beside each item. The drag stays for mouse users; the buttons serve everyone else.

Sliders Need Buttons Too

A custom slider should respond to arrow keys or plus and minus buttons, not just a dragged thumb, to satisfy 2.5.7.

Accessible Authentication: 3.3.8

Criterion 3.3.8 (Accessible Authentication) at AA bans tests that rely on a cognitive function step, unless an alternative exists.

No Memory Puzzles

That means no forcing users to solve a puzzle, transcribe characters, or recall a password from memory as the only way in.

Let Password Managers Work

Allowing paste into the password field and not blocking autofill is a simple, compliant path. Do not break the user agent.

Marking a Login Field

An honest autocomplete token lets browsers and password managers fill credentials for the user.

<input type="password" autocomplete="current-password">

CAPTCHA Caveats

Object-recognition CAPTCHA is allowed because recognizing objects is not a cognitive function test, but always provide a non-puzzle option.

Email Links Count

A magic login link sent to email passes, since the user only clicks. It removes the memory step the criterion warns against.

Quick Check

Pick what dragging-based controls must always offer under 2.2.

Recap: Drag and Auth

Always pair drag with a single-pointer path, and never gate login behind a memory or puzzle test. Next: writing a conformance statement. 🎯

Frequently asked questions

Is the “Dragging Movements and Accessible Authentication” lesson free?

Yes — the full text of “Dragging Movements and Accessible Authentication” is free to read here on the web, and the Web Accessibility Academy course includes 4 lessons in total. To practise it interactively (a built-in code editor and a 24/7 AI tutor) and unlock the rest of the Web Accessibility Academy course, upgrade to CoddyKit PRO.

What will I learn in “Dragging Movements and Accessible Authentication”?

Meet the 2.2 rules for gestures and logins. You practise Web Accessibility Academy with hands-on code you run directly in the browser, and a 24/7 AI tutor answers your questions as you work through the lesson.

Do I need any experience to start Web Accessibility Academy?

No prior experience is required. Web Accessibility Academy on CoddyKit is structured for beginners through advanced learners; this is — lesson 3 of 4, so you can start here or from the beginning and move at your own pace.

How long does the “Dragging Movements and Accessible Authentication” lesson take?

Most CoddyKit lessons take about 5–10 minutes. Each one is bite-sized and interactive, so you make steady progress and pick up exactly where you left off across the web and the app.

Can I write and run code in this Web Accessibility Academy lesson?

Yes. Every Web Accessibility Academy lesson includes a built-in code editor, so you write and run real code right in your browser and get instant AI feedback — no local setup required.

All lessons in this course

  1. A, AA, AAA: Picking the Right Target
  2. The 2.2 Additions: Focus Appearance & Target Size
  3. Dragging Movements and Accessible Authentication
  4. Writing a Defensible Conformance Statement
← Back to Web Accessibility Academy