9 dépôts
Tools and patterns designed to make web interfaces navigable for users who cannot or prefer not to use a mouse.
Distinguishing note: The existing candidates focus on AI agents or specific VPN/Model interfaces, not general accessibility via keyboard mappings.
Explore 9 awesome GitHub repositories matching user interface & experience · Keyboard-Based Accessibility. Refine with filters or upvote what's useful.
hotkeys-js is a JavaScript keyboard shortcut library and event manager used to map key combinations to callback functions within web applications. It serves as an input shortcut orchestrator that captures and filters keyboard events to execute custom actions. The library distinguishes itself through shortcut scope management, allowing shortcuts to be organized into named groups. These scopes can be toggled to prevent command conflicts across different application states. The system covers keyboard shortcut binding and unbinding, real-time key state querying, and input event filtering to prev
Improves web application accessibility by providing keyboard-based alternatives to mouse clicks and menu navigation.
React Autosuggest is a fully controlled React component that provides an autocomplete input with a dropdown of suggestions as the user types. It delegates all state management to the parent component through callbacks, making it compatible with state management patterns like Flux or Redux. The component implements WAI-ARIA accessibility patterns, including keyboard navigation with arrow keys, Enter, and Escape, along with live region integration for screen reader announcements. The component offers extensive customization through render-prop functions, allowing developers to replace the defau
Provides keyboard-accessible autocomplete with ARIA attributes for screen reader navigation.
This project is a comprehensive guide for configuring macOS for software engineering. It provides instructions for setting up a development environment, optimizing system settings, and enhancing the terminal experience to increase productivity. The guide focuses on several core areas of system customization, including the automation of software installation via Homebrew and the configuration of the Zsh shell with plugins, themes, and productivity aliases. It details a strategy for managing dotfiles using symbolic links to synchronize configuration files across multiple machines. Additional c
Allow focus movement between dialog buttons using Tab and Space keys.
Vimium-C is a keyboard-driven browser extension that provides a vim-like navigation tool for web browsers. It functions as a customizable key mapper and accessibility tool, allowing users to interact with web content and manage browser tabs and windows without a mouse. The project distinguishes itself through advanced key mapping capabilities, including the ability to define contextual shortcuts based on the website host and remap keyboard layouts. It implements mode-specific mappings to prevent command conflicts and allows for specific keyboard mappings to function within text input boxes.
Uses keyboard-based mappings and focus management to interact with web elements difficult to navigate via traditional means.
Melt UI est une bibliothèque d'interface utilisateur headless pour Svelte qui fournit une collection de constructeurs de composants accessibles et non stylisés. Il fonctionne comme un framework de composants accessibles et un outil de gestion d'état, offrant la logique et l'état nécessaires pour construire des éléments d'interface qui respectent les normes WAI-ARIA et prennent en charge la navigation au clavier sans imposer de styles visuels spécifiques. La bibliothèque dispose d'un moteur de positionnement d'éléments flottants qui gère le placement des popovers, tooltips et menus par rapport aux éléments déclencheurs. Ce système utilise des portails pour éviter le découpage de la mise en page et intègre une prévention automatique du débordement pour garantir que les éléments restent dans les limites de l'écran. L'ensemble d'outils couvre une large gamme de composants UI fonctionnels, y compris des éléments de formulaire comme les comboboxes et sliders, des modèles de navigation tels que les tree views et onglets, et des utilitaires d'overlay comme les modales de dialogue. Il fournit également des interfaces spécialisées pour la sélection de date et d'heure, ainsi que des composants de mise en page comme les accordéons et barres d'outils.
Provides a dropdown menu component supporting keyboard navigation and typeahead searching.
Hotkey is a client-side JavaScript library designed to enhance web application accessibility and navigation through keyboard shortcut integration. It enables developers to bind keyboard shortcuts and multi-key sequences directly to HTML elements using declarative attributes. The library functions as a web component and DOM interaction helper that triggers clicks, focus events, or custom actions when specific key combinations are pressed. The project features document-level event delegation to capture global keyboard inputs efficiently and route them to targeted elements. It includes input sco
Improving web application keyboard navigation by attaching declarative shortcuts to make interactive elements accessible to screen and keyboard users.
This project provides a comprehensive library and framework for automated web accessibility auditing. It enables developers to verify that web content adheres to accessibility standards by executing a suite of programmatic rules against the document object model to identify potential barriers for users of assistive technologies. The tool distinguishes itself through its modular rule-based engine, which performs deep analysis of semantic structures, including the validation of roles, states, and properties. It implements standard algorithms to compute accessible names and performs computed sty
Checks that interactive elements are focusable and follow a logical tab order for keyboard navigation.
This library provides a React component for building accessible combobox and autocomplete inputs. It is designed to display dynamic search suggestions as users type, facilitating data selection from large sets while adhering to established accessibility standards for screen readers and keyboard navigation. The component distinguishes itself through a highly flexible architecture that allows developers to define custom visual layouts for both the input field and the suggestion menu. By utilizing render prop composition and custom rendering interfaces, it enables the injection of unique UI logi
Provides an accessible autocomplete input that ensures full navigation support for users relying on screen readers or keyboard controls.
This project is a collection of pre-built, reusable interface components designed for web applications that utilize StimulusJS and TailwindCSS. It functions as a frontend interaction framework, providing a set of standard UI elements that manage state and user behavior through declarative controller patterns. The library distinguishes itself by integrating utility-first styling with accessible component authoring. It leverages HTML attributes to bind JavaScript logic directly to DOM elements, enabling developers to implement complex interactions like modals, dropdowns, and tabbed content with
Provides interactive dropdown menus that support keyboard navigation and automatic dismissal.