aria-dropeffect属性
aria-dropeffect属性は要素がドロップ可能かを示すためのWAI-ARIAの属性です。
<div aria-dropeffect="">ここにドロップしてください!</div>
aria-dropeffect属性は以下の値を取ることができます。
値 | 説明 |
---|---|
copy | ドロップされた要素がドロップ先に複製される |
move | ドロップされた要素は元の位置からドロップ先に移動される |
link | ドロップされた要素への参照(ショートカットやリンク)などが作成される |
execute | ドロップされた要素を元に何らかの機能が実行される |
popup | ポップアップを表示する |
none | 何もしない、ただし他の指定と組み合わせることでキャンセルできる。例えばaria-dropeffect=”none popup”はaria-dropeffect=”popup”と同じ意味になる |
ドラッガブル要素にはaria-grabbed属性「true」を指定すべきである。
参考URL
aria-dropeffect - WAI-ARIA - W3C
登録日 : 2015年07月22日 最終更新日 : 2015年10月6日
同じカテゴリー(WAI-ARIA)のエントリー
- aria-required属性
- aria-current属性
- aria-orientation属性
- aria-multiselectable属性
- aria-multiline属性
- aria-live属性
- aria-level属性
- aria-labelledby属性
- aria-label属性
- aria-invalid属性
- aria-hidden属性
- aria-haspopup属性
- aria-grabbed属性
- aria-flowto属性
- aria-expanded属性
- aria-dropeffect属性
- aria-disabled属性
- aria-describedby属性
- aria-checked属性
- aria-controls属性
- aria-busy属性
- aria-autocomplete属性
- aria-atomic属性
- aria-activedescendant属性
- role属性