0Pricing
Web Accessibility Academy · Lección

Movimientos de arrastre y autenticación accesible

Cumpla las reglas de 2.2 para gestos e inicios de sesión.

Movimientos de arrastre y autenticación accesible es una lección gratuita de Web Accessibility Academy en CoddyKit. Esta es la lección 3 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Web Accessibility Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Web Accessibility Academy incluye 4 lecciones en total.

Partes de esta lección aún no han sido traducidas y se muestran en inglés.

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. 🎯

Preguntas frecuentes

¿La lección «Movimientos de arrastre y autenticación accesible» es gratis?

Sí — el texto completo de «Movimientos de arrastre y autenticación accesible» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Web Accessibility Academy, actualiza a CoddyKit PRO. El curso de Web Accessibility Academy incluye 4 lecciones en total.

¿Qué aprenderé en «Movimientos de arrastre y autenticación accesible»?

Cumpla las reglas de 2.2 para gestos e inicios de sesión. Practicas Web Accessibility Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar Web Accessibility Academy?

No se requiere experiencia previa. Web Accessibility Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 4.

¿Cuánto tiempo toma la lección «Movimientos de arrastre y autenticación accesible»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de Web Accessibility Academy?

Sí. Cada lección de Web Accessibility Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. A, AA, AAA: elegir el nivel adecuado
  2. Las novedades de 2.2: apariencia del foco y tamaño del objetivo
  3. Movimientos de arrastre y autenticación accesible
  4. Redactar una declaración de conformidad defendible
← Volver a Web Accessibility Academy