Screen Title

Link to Screen Title copied to clipboard

WCAG 2.0 - 2.4.2 A Impact - Moderate

Any screen within a navigation flow should have a title assigned to be announced by TalkBack.

Supported within:
XML Layouts

Impact

People using TalkBack are most affected as screens without a title will not be announced, potentially leaving your audience a bit lost in the flow.

Confirmation

  1. Turn on TalkBack
  2. Open the application
  3. One of the following will happen:
    • Inaccessible: TalkBack announces only the application name.
    • Accessible: TalkBack announces the screen's title instead of the application name.

How to Fix

Native Android

Set the screen's title within the Activity.

Activity.this.setTitle(...);

React Native

Ensure each Stack.Screen component has a descriptive name. If needed, add options={{title: 'New Screen Title'}} to define a better screen title.

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