3 repositorios
Implementation strategies for ensuring UI components are navigable and usable by all.
Distinguishing note: Focuses on the accessibility implementation rather than general UI design.
Explore 3 awesome GitHub repositories matching user interface & experience · Accessibility Patterns. Refine with filters or upvote what's useful.
Select2 is a searchable, modular UI framework designed to enhance standard HTML select elements. It transforms basic form controls into interactive, accessible dropdown interfaces that support multi-selection, tagging, and real-time filtering. By providing a robust set of tools for managing complex data inputs, it enables developers to create more responsive and user-friendly selection components. The project is distinguished by its adapter-based architecture, which allows for deep customization of rendering, data processing, and selection logic. Developers can extend core functionality throu
Adheres to standard accessibility and focus patterns for complex selection components.
Ariakit is a headless component library and accessible UI component toolkit. It provides a set of unstyled web components with built-in accessibility patterns to ensure that screen readers and keyboard navigation function correctly. The project includes an adaptive color engine that calculates high-contrast text and dynamic surface colors for light and dark modes. It also features a concentric layout engine for computing nested padding, margins, and border radii for circular interface elements, alongside a design token system for managing global CSS variables. The toolkit covers broad capabi
Implements accessibility patterns to ensure interfaces are compatible with screen readers and keyboard navigation.
Esta es una biblioteca de JavaScript de navegación responsiva utilizada para crear menús amigables para móviles con detección de tamaño de pantalla y soporte táctil. Funciona como un menú de navegación accesible y un selector de diseño del lado del cliente que transiciona entre vistas móviles y de escritorio sin dependencias externas. El proyecto sirve como una herramienta de animación de menús que permite transiciones CSS suaves y animaciones basadas en altura al alternar superposiciones de navegación. Utiliza APIs nativas del navegador para gestionar los estados de la interfaz y garantizar que la navegación siga siendo funcional para lectores de pantalla y usuarios sin JavaScript. La biblioteca cubre capacidades para detectar puntos de ruptura (breakpoints) de pantalla, gestionar la visibilidad de la navegación alternada e implementar transiciones de diseño para interfaces táctiles.
Implements accessible patterns to ensure the interface is navigable for all users, including those without JavaScript.