12 रिपॉजिटरी
Mechanisms for broadcasting dynamic content updates to assistive technologies like screen readers.
Distinguishing note: Specifically targets live region announcements for dynamic UI updates, distinct from static accessibility labels.
Explore 12 awesome GitHub repositories matching user interface & experience · Screen Reader Live Regions. Refine with filters or upvote what's useful.
This project is a programmable, high-performance drawing engine designed for building collaborative whiteboards, diagramming tools, and infinite canvas applications. It provides a reactive graphics runtime that manages complex canvas interactions, viewport animations, and input handling through a unified signal-based API. The framework is built on a schema-driven data store that maintains application state in a strictly typed, centralized record system, enabling efficient UI updates and persistent data management. The engine distinguishes itself through a highly modular architecture that supp
The drawing engine provides live region support to broadcast shape changes and custom messages to screen readers with configurable priority levels for timely user notifications.
Niri is a Wayland compositor and tiling window manager designed for Linux systems. It functions as a display server that organizes application windows into a scrollable, column-based layout, providing a structured environment for managing graphical sessions, input routing, and hardware output. The project distinguishes itself through a declarative configuration engine that enables live-reloading of settings, allowing users to modify window rules, input bindings, and visual appearance without restarting the session. It features a physics-based animation system that uses spring-based curves to
Communicates interface state and UI changes to external screen readers for improved accessibility.
Draggable is a JavaScript library for implementing draggable elements and sortable lists within a web browser. It provides a functional toolset for creating accessible drag and drop interfaces and a mechanism for dynamically swapping, sorting, and reordering HTML elements in real time. The library features a cross-input interaction layer that unifies mouse, touch, and force-touch events into a single stream for consistent behavior across different devices. It specifically includes tools for providing screen reader feedback and assistive technology support to ensure drag operations are accessi
Provides mechanisms to announce custom drag-and-drop status updates to screen readers via live region updates.
ApexCharts is a comprehensive JavaScript charting library designed for building interactive, responsive, and data-driven visualizations within web applications. It functions as a versatile data visualization framework that supports a wide range of chart types, including categorical, statistical, and financial plots, enabling developers to construct complex dashboards and real-time monitoring interfaces. The library distinguishes itself through a deep commitment to accessibility and high-performance interactivity. It provides built-in support for keyboard navigation, screen readers, and high-c
Provides semantic roles, labels, and live regions to ensure chart elements and status updates are readable by assistive technologies.
Downshift is a headless UI component library and framework for React that provides the state and interaction primitives necessary to build accessible autocomplete, combobox, and select dropdown components. It functions as a WAI-ARIA UI framework, generating the required ARIA attributes and keyboard event handlers to ensure screen reader compliance without providing any default styling. The library utilizes a headless component pattern to decouple interaction logic from the visual presentation. It manages complex state transitions through reducers and synchronizes internal UI state with extern
Implements mechanisms for broadcasting dynamic status updates and menu changes to screen readers using ARIA live regions.
This project is a jQuery-based form validation library designed to verify HTML form input values on the client side before submission. It functions as an input validator that enforces data integrity constraints through rule-based verification and value normalization. The library focuses on web accessibility compliance by linking error messages to input fields via ARIA attributes, ensuring that screen readers can announce validation failures to the user. The system supports the creation of custom validation rules and the transformation of raw input strings through a normalization pipeline. Co
Provides dynamic ARIA attributes to ensure that validation error messages are announced to screen reader users.
GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a
Uses live HTML regions to broadcast dynamic updates and interaction events to screen reader users.
Reach UI is an open-source library of accessible, low-level React components designed to serve as a foundation for building design systems and interactive user interfaces. It is an accessibility-first toolkit that handles core concerns like ARIA attributes, focus management, and screen reader support automatically, without requiring developer configuration. The library is built as a collection of standalone packages, each managing its own lifecycle and dependencies, enabling granular adoption and tree-shaking. Components use a polymorphic rendering pattern, accepting an as prop to render as
Injects dynamic live-region elements into the DOM to broadcast state changes to assistive technologies.
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
Delivers screen reader announcements through ARIA live regions that update as suggestions appear.
Splide is a framework-agnostic TypeScript library for creating accessible, touch-enabled content carousels and image galleries. It provides a dependency-free implementation of sliders that support drag, swipe, and flick interactions across mobile and desktop browsers. The library distinguishes itself through a comprehensive accessibility layer using ARIA roles and screen reader support. It features a responsive breakpoint system that adapts slide dimensions and behavior based on screen width, alongside a plugin system for extending core functionality with custom components and transition effe
Uses ARIA live regions to notify screen readers when new slides become visible during transitions.
Pagefind is a static site search engine that indexes HTML files to provide a browser-based search experience without the need for a backend server or API. It consists of a multilingual search indexer and a set of prebuilt, customizable user interface components for rendering search inputs and result lists. The system is designed for global content, utilizing a multilingual search indexer that detects page languages and creates independent index bundles to provide language-specific stemming and results. It further optimizes performance by using a compressed index and offloading query execution
Implements mechanisms for broadcasting dynamic search updates and results to screen readers.
यह सुलभ ड्रैग करने योग्य सूचियों और पुन: व्यवस्थित करने योग्य तत्वों के निर्माण के लिए डिज़ाइन की गई एक React ड्रैग एंड ड्रॉप लाइब्रेरी है। यह एक क्रॉस-इनपुट इंटरैक्शन फ़्रेमवर्क प्रदान करता है जो इंटरैक्टिव उपयोगकर्ता इंटरफ़ेस बनाने के लिए माउस, टच और कस्टम सेंसर इनपुट पर घटनाओं का प्रबंधन करता है। लाइब्रेरी में बड़ी डेटासेट को संभालते समय उच्च फ़्रेम दर बनाए रखने के लिए एक वर्चुअलाइज्ड लिस्ट मैनेजर शामिल है, जो केवल स्क्रीन पर वर्तमान में दिखाई देने वाले तत्वों को प्रोसेस करता है। यह कस्टम इनपुट सेंसर एकीकरण का भी समर्थन करती है, जो ड्रैग ऑपरेशन को ट्रिगर और नियंत्रित करने के लिए विशेष इनपुट प्रकारों के पंजीकरण की अनुमति देता है। सिस्टम स्वचालित कंटेनर स्क्रॉलिंग, कोऑर्डिनेट-आधारित कोलिजन डिटेक्शन, और पोर्टल्स का उपयोग करके तत्व रिपेरेंटिंग सहित इंटरैक्शन क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। एक्सेसिबिलिटी को कीबोर्ड समर्थन और स्क्रीन रीडर घोषणाओं के माध्यम से एकीकृत किया गया है जो आइटम की गति और स्थिति परिवर्तनों को संप्रेषित करते हैं।
Implements screen reader live regions to dynamically communicate item movement and position changes.