ng-keyboard-sort

ng-keyboard-sort is an Angular library that enhances the Angular CDK's drag-and-drop sorting functionality with full keyboard accessibility. It provides keyboard commands to select, move, and drop items within sortable lists, ensuring parity with mouse-driven interactions and improving usability for keyboard-only and assistive technology users.

Key Features

• Keyboard Navigation — Use arrow keys to move selected items up/down or left/right within a list.
• Item Selection & Placement — Select items with Space/Enter and confirm placement with the same keys.
• Escape to Cancel — Deselect and cancel moving an item with the Escape key.
• Orientation Support — Works with both vertical and horizontal list layouts.
• Focus Management — Provides a dedicated focusable handle (kbdSortHandle) for grabbing items via keyboard.

Philosophy

It aims to make sortable interfaces fully accessible by providing a keyboard experience that mirrors the capabilities of drag-and-drop, adhering to inclusive design principles.