Перетаскивание и доступная аутентификация
Соблюдайте правила версии 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 — локальная установка не требуется.
Все уроки этого курса
- A, AA, AAA: выбор правильной цели
- Дополнения версии 2.2: видимость фокуса и размер цели
- Перетаскивание и доступная аутентификация
- Составление обоснованного заявления о соответствии