The document discusses the implementation of accessible reordering features for touch devices, particularly focusing on drag-and-drop functionality in Microsoft To Do. It highlights accessibility challenges, such as issues with pointer gestures and compatibility with non-touch inputs, and describes the use of user testing and code prototypes to refine the user experience. Key aspects include action mode management for accessibility announcements and enhancing discoverability for users.

1. Accessible Reordering
For Touch Devices
Sigute Kateivaite
@Sigute_K
Microsoft To
Do

2. Drag and drop
• Standard on mobile
• Familiar to many users
• Straight forward UX
• RecyclerView with ItemTouchHelper: a lot of tutorials
@Sigute_K

3. Drag and drop accessibility
problems
• Accurate pointer gestures required
• Not available with non-touch inputs
• Hard to use with Talkback
• Discoverability
@Sigute_K

4. 2 Concepts
• User testing
• Code prototypes
• Decided to
implement first
concept
@Sigute_K

5. ActionMode.Callback {
override fun onCreateActionMode(
mode: ActionMode, menu: Menu): Boolean {
//set adapter to show reorder item state
//hide irrelevant UI
//accessibility announcement, open
}
override fun onDestroyActionMode(mode: ActionMode) {
//set adapter to show normal item state
//show previously hidden UI
//accessibility announcement, closed
}
}
@Sigute_K

6. @Sigute_K Regular list view List in reorder mode

7. @Sigute_K Regular list view List in reorder mode

8. @Sigute_K Regular list view List in reorder mode

9. @Sigute_K Regular list view List in reorder mode

10. @Sigute_K Regular list view List in reorder mode

11. Talkback
• Action mode opened/closed announcements
• Item moved announcements and focus
• Descriptions for buttons
@Sigute_K

12. @Sigute_K

13. Thank you ❤️
@Sigute_K
https://play.google.com/st
ore/apps/details?id=com.
microsoft.todos
Sigute Kateivaite
Microsoft To Do
Blog post:
https://medium.com/android-
microsoft/accessible-reordering-
for-touch-devices-e7f7a7ef404
Questions?...
.
@AndroidAtMsft