Drag and drop, accessibly
If it only works with a mouse, half the job is missing.
I need users to reorder <what>: <paste the current markup> Implement it with: - Mouse and touch dragging, with a clear drop indicator showing where it will land. - A keyboard alternative — this is mandatory, not optional. Say how it works and how a user discovers it. - Screen reader announcements for pick up, move and drop. - The new order saved, with the request debounced so dragging three items isn't three round trips. - What happens if the save fails — does the order revert? Tell me whether a library is worth it here or whether this is small enough to do directly.
Drag-only reordering excludes anyone not using a mouse. Up and down buttons are a complete and acceptable alternative if the drag version is too much work.