Forum Discussion

inclusivepixel's avatar
inclusivepixel
Community Member
5 days ago

Accessible Drag-and-Drop Builder

Hello friends! I've recently created a tool to help me build drag-and-drop interactions in Rise that are fully accessible: keyboard navigable, adequate touch targets, screen reader announcements, and more.

I've called it the Card Sort Studio, and you can try it out here: https://studio.A11ySpot.com

You can try it out in an example course here: https://inclusivepixel.github.io/accessible-drag-and-drop/#/

I recently had the course and interactions tested by a blind screen reader user, and he said they were "so smooth" - and very well designed. 

I'd love your feedback on this new tool - let me know what you think, and if you have any suggestions for improvement!

2 Replies

  • How awesome inclusivepixel​! 🤩 This is probably a user error, but once I make my first selection with the keyboard, how do I get back to the options to keep sorting? Pressing Tab takes me to the next question. 

    Also, I added an image to your post, feel free to adjust that! 

    • inclusivepixel's avatar
      inclusivepixel
      Community Member

      Thanks for adding that image! Shift-Tab moves backwards, just like in a document.