3 Repos
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.
Dies ist eine responsive Navigations-JavaScript-Bibliothek, die verwendet wird, um mobilfreundliche Menüs mit Bildschirmgrößenerkennung und Touch-Unterstützung zu erstellen. Sie fungiert als barrierefreies Navigationsmenü und clientseitiger Layout-Switcher, der ohne externe Abhängigkeiten zwischen Mobil- und Desktop-Ansichten wechselt. Das Projekt dient als Menü-Animationstool, das flüssige CSS-Übergänge und höhenbasierte Animationen beim Umschalten von Navigations-Overlays ermöglicht. Es nutzt native Browser-APIs, um Interface-Zustände zu verwalten und sicherzustellen, dass die Navigation für Screenreader und Benutzer ohne JavaScript funktionsfähig bleibt. Die Bibliothek deckt Funktionen zur Erkennung von Screen-Breakpoints, zur Verwaltung der Sichtbarkeit der umgeschalteten Navigation und zur Implementierung von Layout-Übergängen für Touch-Interfaces ab.
Implements accessible patterns to ensure the interface is navigable for all users, including those without JavaScript.