Titel des Bildschirms

Jeder Bildschirm innerhalb einer Anwendung sollte einen Titel enthalten, der von der assistiven Technologie angesagt wird.

Auswirkung

Bildschirmtitel ermöglichen es Benutzern mit visuellen, kognitiven und motorischen Behinderungen und eingeschränktem Kurzzeitgedächtnis, zu bestimmen, wo sie sich in der Anwendung befinden, Inhalte auf einem Bildschirm anhand ihres Titels zu identifizieren und zwischen Bildschirmen zu navigieren, wenn die Art und Weise der Bedienung eines Benutzers vom Audio abhängt.

Bestätigung

1. TalkBack aktivieren
2. Öffnen Sie die Anwendung
3. Eines der folgenden Ereignisse wird eintreten:
   • Nicht barrierefrei: TalkBack gibt nur den Anwendungsnamen bekannt.
   • Barrierefrei: TalkBack gibt den Bildschirmtitel anstelle des Anwendungsnamens bekannt.

So beheben Sie das Problem

Natives Android

Legen Sie den Titel des Bildschirms innerhalb Activity fest.

Activity.this.setTitle(...);

React Native

Stellen Sie sicher, dass jede Stack.Screen Komponente einen beschreibenden Namen hat. Fügen Sie bei Bedarf options={{title: 'New Screen Title'}} hinzu, um einen besseren Bildschirmtitel zu definieren.

<Stack.Screen
    name="ScreenTitleExample"
    component={ScreenTitleExample}
    options={{title: 'Screen Title'}}
/>

Benutzerdefinierte Navigationsleisten

Was wir bei mit React Native erstellten Anwendungen festgestellt haben, ist, dass für ein wirklich barrierefreies Erlebnis der Navigationsheader mit <Stack.Navigator> Titeloptionen festgelegt werden muss. Es gibt keine Möglichkeit, einer benutzerdefinierten Navigationsleiste programmatisch anzugeben, dass es sich um ein richtiges Navigationselement und nicht nur um eine normale Ansicht handelt. Dadurch ändert sich die Art und Weise, wie die unterstützende Technologie das Element ankündigt und mit ihm interagiert. Beachten Sie, dass das Festlegen eines Header-Attributs, wie oft empfohlen, die Kriterien für den Bildschirmtitel nicht erfüllt.