Accessible 12 field drag and drop alternative template

May 29, 2023

Here is a template for an accessible drag and drop alternative that I created.  It has 12 fillable fields that the user fills by pressing the enter key and using the tab key to move between fields.

The interaction uses 12 states for each of the possible options plus a normal and selected state.  Variables track which state each field is in.

Correct or incorrect after submit is based on states of each of the fields.

Download and study it and make it your own.

 

1 Reply