Movimentos de arrastar e autenticação acessível
Atenda às regras da versão 2.2 para gestos e logins.
Movimentos de arrastar e autenticação acessível é uma aula grátis de Web Accessibility Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Web Accessibility Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Web Accessibility Academy inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em 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. 🎯
Perguntas Frequentes
A aula “Movimentos de arrastar e autenticação acessível” é grátis?
Sim — o texto completo de “Movimentos de arrastar e autenticação acessível” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Web Accessibility Academy, atualize para CoddyKit PRO. O curso de Web Accessibility Academy inclui 4 aulas no total.
O que vou aprender em “Movimentos de arrastar e autenticação acessível”?
Atenda às regras da versão 2.2 para gestos e logins. Você pratica Web Accessibility Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar Web Accessibility Academy?
Nenhuma experiência prévia é necessária. Web Accessibility Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “Movimentos de arrastar e autenticação acessível”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de Web Accessibility Academy?
Sim. Cada aula de Web Accessibility Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- A, AA, AAA: escolhendo a meta certa
- As novidades da versão 2.2: aparência do foco e tamanho do alvo
- Movimentos de arrastar e autenticação acessível
- Escrevendo uma declaração de conformidade defensável