ドラッグ操作とアクセシブルな認証
ジェスチャーとログインに関する2.2のルールに対応します。
「ドラッグ操作とアクセシブルな認証」はCoddyKit上の無料Web Accessibility Academyレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これは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時間対応のAIチューター)、Web Accessibility Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Web Accessibility Academyコースには全4レッスンが含まれています。
「ドラッグ操作とアクセシブルな認証」で何を学びますか?
ジェスチャーとログインに関する2.2のルールに対応します。 ブラウザで直接実行するハンズオンコードでWeb Accessibility Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Web Accessibility Academyを始めるのに経験は必要ですか?
事前経験は必要ありません。CoddyKitのWeb Accessibility Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。
「ドラッグ操作とアクセシブルな認証」レッスンにはどのくらい時間がかかりますか?
ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このWeb Accessibility Academyレッスンでコードを書いて実行できますか?
はい。すべてのWeb Accessibility Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- A、AA、AAA:適切な目標を選ぶ
- 2.2の追加項目:フォーカスの外観とターゲットサイズ
- ドラッグ操作とアクセシブルな認証
- 根拠のある適合性表明を書く