13 Repos
Specialized implementations for managing focus and announcement consolidation for screen readers.
Distinct from Accessible Interface Design: Focuses on the specific programmatic control of VoiceOver announcements and focus rather than general design principles
Explore 13 awesome GitHub repositories matching user interface & experience · Screen Reader Optimizations. Refine with filters or upvote what's useful.
AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy
Exposes interface metadata to ensure proper screen reader navigation and accessibility regardless of the rendering method.
vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for creating touch-enabled carousels. It serves as a virtualized slider component that can render only visible slides to maintain performance when handling large datasets. The project distinguishes itself through high-performance rendering and a wide array of visual effects, including 3D transitions, parallax movements, and image zoom capabilities. It also supports the synchronization of multiple slider instances and provides accessibility features such as ARIA roles and focus-scrolling
Provides ARIA roles and focus-scrolling to ensure slider compatibility with screen readers.
Tippy.js is a JavaScript tooltip library and interactive popup framework used to create tooltips, popovers, and dropdowns. It functions as a floating UI component toolkit that renders content relative to a reference element with support for automatic positioning, flip-positioning, and offsets. The library acts as an accessible overlay manager, using ARIA attributes and focus management to ensure screen reader compatibility. It also serves as a CSS animation tool, providing utilities for transitions, spring physics, and themes to manage the visual entry and exit of floating interface elements.
Manages programmatic focus and announcement consolidation so screen readers describe tooltips upon element focus.
Dieses Projekt ist ein jQuery-Plugin und clientseitiger Formular-Validator, der verwendet wird, um Webformular-Eingaben zu verifizieren, bevor sie an einen Server gesendet werden. Es verwendet eine regelbasierte Validierungs-Engine, um Benutzereingaben gegen vordefinierte oder benutzerdefinierte Regeln zu prüfen, um die Datenintegrität im Browser sicherzustellen. Das Tool ist als ARIA-konformes Validierungssystem konzipiert und verwendet Accessibility-Attribute, um Fehlermeldungen mit Eingabefeldern zu verknüpfen. Dies stellt sicher, dass Screenreader-Benutzer benachrichtigt werden, wenn ein Feld während des Formularübermittlungsprozesses einen ungültigen Wert enthält. Das System unterstützt Remote-Server-Validierung via asynchroner HTTP-Anfragen und erlaubt die dynamische Regel-Injektion, um benutzerdefinierte Validierungslogik hinzuzufügen. Es verwaltet das User-Interface durch DOM-verknüpftes Fehler-Rendering und nutzt ereignisgesteuertes Triggern, um Prüfungen während Focus-, Blur- oder Submit-Events auszuführen.
Marks invalid fields with accessibility attributes to announce error states to assistive technologies.
CodeMirror is a browser-based code editor framework and modular extension system used to embed full-featured text editors into web pages. It functions as a syntax tree parsing engine and a language server protocol client, enabling structural language analysis and deep integration with external programming language services. The project is distinguished by its modular architecture, which uses a system of extensions and compartments for dynamic reconfiguration at runtime. It supports real-time collaborative editing and state synchronization through an operational transformation framework, allow
Implements specialized focus and announcement management to ensure the editor is accessible via screen readers.
SwiftMessages is an iOS notification bar library and in-app message queue manager. It provides a system for displaying customizable alerts and status messages at the top, bottom, or center of the screen. The library features a hosting bridge that allows declarative SwiftUI views to be rendered within imperative UIKit containers. It includes a queue management system that sequences chronological notifications and filters duplicate alerts to prevent interface overlap. The system handles dynamic layout management to avoid occlusion by the system keyboard and provides an accessibility interface
Consolidates text elements into single VoiceOver announcements and manages focus during view transitions.
Tabulator is an interactive data table library and virtual DOM data grid used to create high-performance tables from JSON or arrays. It functions as a hierarchical data viewer and a spreadsheet interface component, capable of rendering thousands of records efficiently through viewport-based virtualization and progressive loading. The library distinguishes itself by providing a full spreadsheet interface mode with multi-sheet management, cell range selection, and bulk copy-paste capabilities. It supports complex data architectures, including nested data field mapping, expandable tree structure
Ensures table structure and content are correctly announced to assistive technologies using standard ARIA labeling.
Huh is a Go library for building interactive terminal forms, designed to work with the Bubbletea TUI framework. It provides a complete form-building system with text inputs, selection lists, confirmation prompts, and file pickers, all navigable using only the keyboard without requiring a mouse. The library distinguishes itself through dynamic form adaptation, allowing fields to be shown, hidden, or modified at runtime based on user selections and conditional rules. It includes screen reader support that announces form fields and falls back to text prompts when a visual interface is unavailabl
Renders form fields as standard text prompts so assistive technology can navigate them without a visual interface.
CKEditor 4 is a browser-based WYSIWYG rich text editor that enables users to create and format HTML content directly in the browser. It operates on a plugin-based architecture with a configurable toolbar system, DOM-based content editing, and an event-driven lifecycle, all delivered through a CDN-based distribution model. The editor supports skin-based theming and includes a legacy plugin compatibility layer for backward compatibility. The editor distinguishes itself as a cross-platform framework that integrates natively with Angular, React, Vue, Electron, Android, and iOS environments. It of
Ships built-in screen reader announcements that broadcast UI updates to assistive technologies.
Swup ist eine Seitenübergangsbibliothek und ein AJAX-Seitenlader, der entwickelt wurde, um nahtlose, animierte Übergänge zwischen Seiten auf serverseitig gerenderten Websites zu erstellen. Er fungiert als DOM-Inhalts-Orchestrator und Browser-Verlaufsmanager, der die Navigation abfängt, um Seiteninhalte dynamisch zu ersetzen und ein Single-Page-Application-Erlebnis zu simulieren. Das Projekt zeichnet sich durch ein Hook-basiertes Lebenszyklussystem und eine Plugin-Architektur aus, die die Injektion von benutzerdefinierter Logik und Animationseffekten ermöglicht. Es unterstützt fortschrittliche visuelle Methoden, einschließlich DOM-Inhalts-Morphing, parallelem DOM-Rendering für überlappende Animationen und die Integration mit der nativen Browser-View-Transitions-API. Die Bibliothek deckt eine breite Palette an Funktionen ab, einschließlich clientseitigem Navigationsmanagement, speicherbasiertem Seitencaching und Hintergrund-Seiten-Preloading zur Leistungsoptimierung. Sie bietet zudem umfassende Wiederherstellung der Scroll-Position, Barrierefreiheitsoptimierungen für Screenreader sowie Tools zur Synchronisation von Dokument-Head-Metadaten und Skriptausführung über Übergänge hinweg.
Optimizes screen reader experience by managing focus and announcing page changes during dynamic content swaps.
Dieses Projekt ist ein React-basiertes Admin-Template und UI-Kit, das für den Aufbau von Dashboards entwickelt wurde. Es bietet eine umfassende Sammlung vorgestylter Layouts, eine zugängliche Komponentenbibliothek und ein Sass-basiertes UI-Framework für die Erstellung administrativer Interfaces. Das Template ist spezifisch als KI-optimiertes Projekt strukturiert und nutzt Coding-Muster und Organisation, die darauf ausgelegt sind, KI-Assistenten bei der Generierung konsistenter, produktionsreifer React-Codes zu unterstützen. Es verfügt über ein flexibles Styling-System unter Verwendung von Sass-Variablen und CSS-Custom-Properties, um anpassbare helle und dunkle Themen zu unterstützen. Das Kit deckt ein breites Spektrum an Interface-Funktionen ab, einschließlich Datenvisualisierungs-Widgets, interaktiven Tabellen mit Sortierung und Paginierung sowie komplexen Formularelementen wie Multi-Step-Wizards. Es enthält übergeordnete Navigationssysteme wie Sidebars und Breadcrumbs sowie strukturelle Komponenten wie responsive Grids, modale Dialoge und zugängliche Kalender-Interfaces.
Implements techniques to hide elements from the visual layout while remaining detectable by screen readers.
This project is a general purpose library for the .NET ecosystem, providing a collection of reusable helper methods and APIs for common programming tasks. It encompasses a UI component library for cross-platform development, a toolkit for MVVM architecture, and specialized utilities for memory management and native interoperability. The library distinguishes itself through high-performance memory abstractions, such as pooled buffers and contiguous two-dimensional memory spans, designed to reduce garbage collection pressure. It also provides native interop wrappers and bindings to facilitate d
Provides programmatic control over screen reader focus and announcement sequences to ensure logical navigation.
Ouch is a command-line archive utility designed for compressing and decompressing files across multiple formats, including zip, tar, 7z, and zstd. It functions as a secure archive processor that sanitizes metadata to prevent path traversal attacks and terminal injection during extraction. The tool features a chain compression pipeline that allows for the sequential application of multiple compression algorithms by parsing chains of file extensions in a filename. It also includes a dedicated accessibility mode that optimizes terminal output for screen readers and text-to-speech technologies by
Optimizes command results for screen readers by stripping non-essential details for improved clarity.