The useVirtualCursor
React hook was developed for use in our touchscreen kiosk projects to improve accessibility and usability. It creates a virtual cursor that users can navigate freely within the viewport using arrow keys, allowing them to move the cursor to interactive elements like buttons and links. The cursor can trigger click events with the enter key.
This hook is particularly suited for environments such as touchscreen kiosks, enabling D-pad navigation without requiring additional UI changes. It has been successfully used in several of our projects, including a proof-of-concept app at Dallas Fort Worth Airport, demonstrating its practical application in real-world scenarios. This solution helps us provide a more accessible experience across our touchscreen kiosk applications.