Episode
Fluent UI React Insights: Standardmäßig barrierefrei
durch Oleksandr Fediashov, Yuanbo Xue, Lingfan Gao, Sarah Higley
Fluent UI Insights ist eine Reihe, in der der Aufbau und die Entscheidungen hinter dem Fluent UI-Designsystem erklärt wird. In der fünften Episode sprechen Mitglieder des Fluent UI-Teams über die Herausforderungen, die sie der Implementierung von barrierefreien Steuerelementen und der hohen Barrierefreiheit, die Microsoft von seinen Anwendungen verlangt.
Kapitel
- 00:00: Einführung
- 00:41 - Anforderungen für den Farbkontrast
- 01:28 – Designtoken in Fluent für UI-Zustände
- 02:00 - Kontrastmodi in Windows & MacOS
- 03:15 - Animationsbehandlung
- 03:53 - Bildschirmsprachausgaben
- 04:35 - Strukturieren von Markup mit ARIA-Rollen
- 05:48 - Tastaturinteraktionen
- 06:28 - Zusammengesetzte Widgets
- 07:30 - Modale Dialogfelder
- 07:55 - Geschachtelte fokussierbare Elemente
- 08:39 - Browserfokusprobleme
- 09:02 – Tastaturnavigation für Power Users
- 09:41 - Barrierefreiheit ist nicht modular
- 10:46 - Unser Engagement
- 13:07 - Bloopers
Empfohlene Ressourcen
Fluent UI Insights ist eine Reihe, in der der Aufbau und die Entscheidungen hinter dem Fluent UI-Designsystem erklärt wird. In der fünften Episode sprechen Mitglieder des Fluent UI-Teams über die Herausforderungen, die sie der Implementierung von barrierefreien Steuerelementen und der hohen Barrierefreiheit, die Microsoft von seinen Anwendungen verlangt.
Kapitel
- 00:00: Einführung
- 00:41 - Anforderungen für den Farbkontrast
- 01:28 – Designtoken in Fluent für UI-Zustände
- 02:00 - Kontrastmodi in Windows & MacOS
- 03:15 - Animationsbehandlung
- 03:53 - Bildschirmsprachausgaben
- 04:35 - Strukturieren von Markup mit ARIA-Rollen
- 05:48 - Tastaturinteraktionen
- 06:28 - Zusammengesetzte Widgets
- 07:30 - Modale Dialogfelder
- 07:55 - Geschachtelte fokussierbare Elemente
- 08:39 - Browserfokusprobleme
- 09:02 – Tastaturnavigation für Power Users
- 09:41 - Barrierefreiheit ist nicht modular
- 10:46 - Unser Engagement
- 13:07 - Bloopers
Empfohlene Ressourcen
Feedback? Melden Sie hier ein Problem.