OpenKeyNav™
A well-documented MIT-licensed JavaScript library designed to help web developers enhance keyboard accessibility.
npm i openkeynavPress (m) to drag-and-drop elements.
Moveable Items
Drop Targets
press (k) to click on / focus on interactive elements.
Press (s) to focus on the next scrollable region in view.
Scrollable region #1
Line 2
Line 3
Line 4
Line 5
Line 6
Use arrow keys to scroll.
Scrollable region #2
Line 2
Line 3
Line 4
Line 5
Line 6
Press shift+s to focus on the previous scrollable region in the view.
git clone https://github.com/LDubya/OpenKeyNav.gitThe preprint "Using OpenKeyNav to Enhance the Keyboard-Accessibility of Web-based Data Visualization Tools" was presented at the AccessViz workshop, part of IEEE VIS 2024 conference.
The research paper is funded by the National Institutes of Health through Harvard University's HIDIVE lab.
Enhance Accessibility
OpenKeyNav significantly improves keyboard accessibility on your website, making it easier for users to navigate and interact with your content.
Automatic Keyboard Shortcuts
Automatically generate and display keyboard shortcuts for interactive elements, reducing cognitive load and enabling efficient navigation.
Easy Integration
Integrate OpenKeyNav seamlessly into your existing projects with minimal configuration. Works with various frameworks and CMS platforms.
Customizable and Extensible
OpenKeyNav is highly customizable, allowing you to tailor keyboard shortcuts and navigation behavior to fit your specific needs. Extend functionality as needed.
Support for Complex Interactions
Support for complex interactions such as drag-and-drop, entirely with the keyboard. Enhance user experience by making advanced functionalities accessible.
Comprehensive Documentation
OpenKeyNav comes with detailed documentation and examples to help you get started quickly and make the most of its features.