0Pricing
Web Accessibility Academy · Урок

Перетаскивание и доступная аутентификация

Соблюдайте правила версии 2.2 для жестов и входа в систему.

«Перетаскивание и доступная аутентификация» — бесплатный урок Web Accessibility Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Web Accessibility Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Web Accessibility Academy содержит 4 уроков всего.

Части этого урока еще не переведены и отображаются на английском.

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

Часто задаваемые вопросы

Урок «Перетаскивание и доступная аутентификация» бесплатный?

Да — полный текст урока «Перетаскивание и доступная аутентификация» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Web Accessibility Academy, подпишись на CoddyKit PRO. Курс Web Accessibility Academy содержит 4 уроков всего.

Чему я научусь в уроке «Перетаскивание и доступная аутентификация»?

Соблюдайте правила версии 2.2 для жестов и входа в систему. Ты практикуешь Web Accessibility Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Web Accessibility Academy?

Предыдущий опыт не требуется. Web Accessibility Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.

Сколько времени занимает урок «Перетаскивание и доступная аутентификация»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Web Accessibility Academy?

Да. Каждый урок Web Accessibility Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. A, AA, AAA: выбор правильной цели
  2. Дополнения версии 2.2: видимость фокуса и размер цели
  3. Перетаскивание и доступная аутентификация
  4. Составление обоснованного заявления о соответствии
← Назад к Web Accessibility Academy