0Pricing
Web Accessibility Academy · レッスン

ドラッグ操作とアクセシブルな認証

ジェスチャーとログインに関する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フィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. A、AA、AAA:適切な目標を選ぶ
  2. 2.2の追加項目:フォーカスの外観とターゲットサイズ
  3. ドラッグ操作とアクセシブルな認証
  4. 根拠のある適合性表明を書く
← Web Accessibility Academyに戻る