押したまま動かさなくても、並べ替えられる。

05条件と補足

ドラッグとシングルポインタ

ここでいうドラッグは項目などを押したまま動かし、移動先で離す操作です。マウスだけでなく、タッチ操作やペン操作も対象です。

一つの接点で行う操作を「シングルポインタ」と呼びます。代わりの操作は1回で終わる必要はなく、「項目をタップして選ぶ → 移動先をタップする」のような手順でもかまいません。同じ機能を実行できれば、別の操作部品を用意する方法もあります。

キーボード操作とは別に確認する

矢印キーで並べ替えられても、クリックやタップだけではできない場合、この基準を満たしません。物理キーボードを使わずにタッチ画面を操作する利用者もいるためです。キーボード対応は2.1.1などで、別に確認します。

この教材では、クリックやタップで使えるボタンをキーボードでも操作できるようにしています。

スワイプだけを代わりの操作にしない

決まった方向に指を滑らせるなど、動かす軌跡に依存する操作については、2.5.1「ポインタのジェスチャ」も確認します。ドラッグをスワイプだけに置き換える方法では、その要件を満たせない場合があります。

例外となる場合

ドラッグそのものが必要不可欠な場合は例外です。「必要不可欠」とは、取り除くと情報や機能が根本的に変わり、WCAGを満たす他の方法でも実現できないことを指します。単にドラッグが便利、作り慣れているという理由では、この例外にはなりません。

また、ブラウザーなどが機能を決めていて、制作者が変更していない場合も例外です。例えば、ブラウザーが提供する通常のページスクロールは対象外です。一方、制作者が独自のドラッグ操作を実装している場合は確認が必要です。ブラウザーや支援技術そのものの操作に必要な動作も、この基準の対象外です。

この図で扱う範囲

図の「改善した例」は予定の並べ替えをドラッグなしで行う方法を示します。ボタンの大きさ、操作位置の見え方、変更結果の読み上げなども、関連する基準と併せて確認します。この例だけでページやサイト全体のWCAG適合を示すものではありません。