2 Repos
Techniques for enhancing keyboard and screen reader navigation across web pages.
Distinct from Editor Accessibility Optimizations: Focuses on general web page navigation rather than specific complex editor component optimizations
Explore 2 awesome GitHub repositories matching user interface & experience · Web Navigation Optimizations. Refine with filters or upvote what's useful.
Dieses Projekt ist ein umfassender Referenzleitfaden für das Schreiben von sauberem, semantischem und wartbarem HTML-Markup basierend auf modernen Webstandards. Es bietet einen Regelsatz für die Implementierung semantischer HTML-Standards unter Verwendung aussagekräftiger struktureller Elemente anstelle generischer Container, um die Dokumenthierarchie und die Maschinenlesbarkeit zu verbessern. Der Leitfaden etabliert spezifische Konventionen für die HTML-Formatierung, die Einrückung, Tag-Schreibweise und Quellcode-Organisation abdecken, um die Wartbarkeit der Codebasis zu verbessern. Er dient zudem als Referenz für Web-Barrierefreiheit und erläutert die Implementierung von ARIA-Rollen, Alternativtexten und zugänglichen Formularsteuerelementen zur Unterstützung von Screenreadern und anderen assistiven Technologien. Das Projekt deckt mehrere Kernfunktionsbereiche ab, einschließlich der Konfiguration von Dokumentmetadaten und Zeichenkodierung für Browserkompatibilität, der Verwaltung von Web-Assets durch absolute Pfadauflösung und der Optimierung von Webformularen durch korrekte Beschriftungs- und Validierungsattribute. Es enthält zudem Standards für den Umgang mit Multimedia-Inhalten mit entsprechenden Fallback-Mechanismen.
Provides methods for applying roles and labels that make web content operable for users with disabilities.
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 techniques to ensure web navigation is fully accessible to keyboard and screen reader users.