13 repositorios
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.
Este proyecto es un plugin de jQuery y validador de formularios del lado del cliente utilizado para verificar las entradas de formularios web antes de que sean enviadas a un servidor. Emplea un motor de validación basado en reglas para verificar la entrada del usuario contra reglas predefinidas o personalizadas para garantizar la integridad de los datos en el navegador. La herramienta está diseñada como un sistema de validación compatible con ARIA, utilizando atributos de accesibilidad para vincular mensajes de error a los campos de entrada. Esto asegura que los usuarios de lectores de pantalla sean notificados cuando un campo contiene un valor no válido durante el proceso de envío del formulario. El sistema admite la validación remota del servidor mediante solicitudes HTTP asíncronas y permite la inyección dinámica de reglas para añadir lógica de validación personalizada. Gestiona la interfaz de usuario a través del renderizado de errores vinculado al DOM y utiliza disparadores basados en eventos para ejecutar comprobaciones durante eventos de foco, desenfoque o envío.
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 es una librería de transición de página y cargador de páginas AJAX diseñado para crear transiciones animadas y fluidas entre páginas en sitios web renderizados por el servidor. Funciona como un orquestador de contenido DOM y gestor de historial del navegador, interceptando la navegación para reemplazar el contenido de la página dinámicamente y simular una experiencia de aplicación de una sola página. El proyecto se diferencia mediante un sistema de ciclo de vida basado en hooks y una arquitectura de plugins que permite la inyección de lógica personalizada y efectos de animación. Soporta métodos visuales avanzados incluyendo el morphing de contenido DOM, renderizado DOM paralelo para animaciones superpuestas e integración con la API nativa de View Transitions del navegador. La librería cubre una amplia gama de capacidades, incluyendo la gestión de navegación del lado del cliente, caché de páginas basada en memoria y precarga de páginas en segundo plano para optimizar el rendimiento. También proporciona una restauración completa de la posición de desplazamiento, optimizaciones de accesibilidad para lectores de pantalla y herramientas para sincronizar metadatos de cabecera de documento y ejecución de scripts a través de transiciones.
Optimizes screen reader experience by managing focus and announcing page changes during dynamic content swaps.
Este proyecto es una plantilla administrativa basada en React y un kit de UI diseñado para construir paneles. Proporciona una colección completa de diseños con estilo previo, una biblioteca de componentes accesible y un framework de UI basado en Sass para crear interfaces administrativas. La plantilla está estructurada específicamente como un proyecto optimizado para IA, utilizando patrones de codificación y organización diseñados para ayudar a los asistentes de IA a generar código React consistente y listo para producción. Cuenta con un sistema de estilos flexible que utiliza variables Sass y propiedades personalizadas de CSS para admitir temas claros y oscuros personalizables. El kit cubre una amplia gama de capacidades de interfaz, incluyendo widgets de visualización de datos, tablas interactivas con ordenamiento y paginación, y elementos de formulario complejos como asistentes de varios pasos. Incluye sistemas de navegación de alto nivel como barras laterales y rutas de navegación, así como componentes estructurales como cuadrículas receptivas, diálogos modales e interfaces de calendario accesibles.
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.