Screen Title

This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
Not for use with personal data

WCAG 2.0 - 2.4.2 A Impact - Moderate

Every screen within an application should provide a title to be announced by assistive technology.

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'}}
/>