Tastaturfreundlichkeit in Apps mit .NET MAUI

Tastaturfreundlichkeit in Apps

Warum Sie wichtig ist und wie .NET MAUI helfen kann

In der modernen Softwareentwicklung spielt Barrierefreiheit eine zentrale Rolle. Ein besonders wichtiger Bereich davon ist die Tastaturfreundlichkeit, also die Fähigkeit, eine App vollständig mit der Tastatur zu bedienen, ohne dass Maus oder Touchscreen benötigt werden. Diese Eigenschaft ist nicht nur für Menschen mit Behinderungen entscheidend, sondern verbessert auch die Benutzererfahrung für alle Nutzer. Doch wie stellt man sicher, dass eine App tastaturfreundlich ist? In diesem Artikel erläutern wir die Grundlagen und zeigen, wie .NET MAUI Entwicklern hilft, tastaturfreundliche Apps zu erstellen.

Web Content Accessibility Guidelines (WCAG)

Ein guter Ausgangspunkt, um Tastaturfreundlichkeit zu verstehen, sind die Web Content Accessibility Guidelines (WCAG). Diese weltweit anerkannten Standards geben klare Richtlinien, wie digitale Inhalte barrierefrei gestaltet werden können. Besonders relevant ist die Richtlinie, dass alle Funktionen einer App über eine Tastatur erreichbar sein müssen.

Die wichtigsten Kriterien sind: 

• Erfolgskriterium 2.1.1 Tastatur: Alle Funktionen sind über eine Tastaturschnittstelle bedienbar, ohne spezielle Timings für einzelne Tastendrücke zu erfordern.
• Erfolgskriterium 2.1.2 Keine Tastaturfalle: Der Tastaturfokus kann von einem Seitenbestandteil zu einem anderen bewegt werden, und der Nutzer wird informiert, wenn besondere Tasten benötigt werden.
• Erfolgskriterium 2.1.3 Tastatur (ohne Ausnahmen): Alle Inhalte sind vollständig über die Tastatur bedienbar.
• Erfolgskriterium 2.1.4 Tastenkombinationen: Implementierte Tastenkombinationen müssen abschaltbar, neu zuweisbar oder nur bei Fokus des betreffenden Elements aktivierbar sein.

.NET MAUI und Tastaturfreundlichkeit

.NET MAUI unterstützt Entwickler dabei, tastaturfreundliche Apps zu erstellen. Entwickler, die mit dem Tastaturverhalten von Xamarin.Forms vertraut sind, haben daher einige Änderungen bemerkt, die zur Verbesserung der Tastaturzugänglichkeit in ihren Anwendungen vorgenommen wurden.

Hier sind drei Beispiele, wie .NET MAUI dies erleichtert:

1. Tastaturnavigation auf modalen Seiten

Eine der grössten Herausforderungen bei der Entwicklung zugänglicher Anwendungen ist die Handhabung von Modal-Seiten. Diese Seiten erscheinen als Überlagerung über der aktuellen Seite und müssen vollständig zugänglich sein, während die darunterliegende Seite nicht mehr zugänglich sein sollte. .NET MAUI löst dieses Problem elegant:

• Fokus beim Erscheinen: Wenn eine Modal-Seite erscheint, erhält das erste fokussierbare Element auf dieser Seite den Fokus. Dies stellt sicher, dass Benutzer sofort mit der neuen Seite interagieren können.
• Zugänglichkeit der Inhalte: Alle interaktiven Elemente auf der Modal-Seite, einschliesslich der Schaltflächen zum Schliessen oder Speichern, sind tastaturfokussierbar.
• Rückkehr zum Ausgangspunkt: Beim Schliessen der Modal-Seite wird der Fokus zurück auf das erste fokussierbare Element der darunterliegenden Seite gesetzt.

Dank dieser Mechanismen stellt .NET MAUI sicher, dass Modal-Seiten nahtlos und benutzerfreundlich navigiert werden können.

2. Fokus/Unfokus auf Android

In früheren Versionen von Android war es nicht möglich, den Fokus von einem Eingabefeld zu entfernen, ohne ein anderes Element zu fokussieren. Dies führte zu erheblichen Zugänglichkeitsproblemen. .NET MAUI bietet hier eine verbesserte Lösung:

• SoftInputExtensions APIs: Anstatt den Fokus zu manipulieren, können Entwickler die neue SoftInputExtensions API nutzen, um die Soft-Tastatur gezielt ein- und auszublenden.
• HideSoftInputOnTapped: Diese optionale Eigenschaft, eingeführt in .NET 8, ermöglicht es Benutzern, durch einfaches Tippen auf die Seite die Soft-Tastatur auszublenden – eine praktische Lösung für spezielle Szenarien.

3. Tastaturkürzel (Keyboard Accelerators)

Ein weiteres Highlight in .NET MAUI ist die Unterstützung von Tastaturkürzeln, die nicht nur die Barrierefreiheit verbessern, sondern auch die Produktivität von Power-Usern steigern:

• Einfache Integration: Entwickler können Tastaturkürzel in ihre Apps integrieren, um Menüpunkte und Befehle schnell und einfach zugänglich zu machen. Ein Beispiel für die Verwendung von Tastaturkürzeln in einer XAML-Datei wäre: