Overview of Drag and Drop Examples
| Example | Source of Accessible Name | Accessible Roles | Accessible States and Properties | |||
|---|---|---|---|---|---|---|
| label | labelledby | child nodes | title | |||
| Drag and Drop 1: Tic Tac Toe | X | X | alert, application, button, grid, gridcell | aria-dropeffect, aria-labelledby, aria-grabbed | ||
| Drag and Drop 2: Picture Gallery | X | X | X | application, button, grid, gridcell, presentation | aria-labelledby | Drag and Drop 3: aria-activedescendant | X | X | alert, application, button, grid, gridcell | aria-activedescendant, aria-dropeffect, aria-labelledby, aria-grabbed |
| Example | Windows | Macintosh | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| IE 6 | IE 7 | IE 8 | FF 3.6+ | Safari 4+ | Opera 10+ | Chrome 5.0+ | High Contrast | FF 3.6+ | Safari 4+ | Opera 10+ | High Contrast | |
| Drag and Drop 1: Tic Tac Toe | X | X | X | X | X | X | X | X | X | X | X | X |
| Drag and Drop 2: Picture Gallery | X | X | X | X | X | X | X | X | X | X | X | X |
| Drag and Drop 3: aria-activedescendant | X | X | X | X | X | X | X | X | X | X | X | X |
